qtip is not working

I am trying to use qTip but it does not work on click. What I have is
a list of a href tags upon clicking I want to show the dynamic content

but it does not work

$('a').qtip({
                  style: {
                        background: '#579aff',
                        color: '#fff',
                        fontWeight:'bold',
                        border: {
                              width: 1,
                              radius: 5,
                              color: '#579aff'
                        },
                        tip: 'bottomLeft'
                  },
                  show: 'mouseover',
                  hide: 'mouseout',
                  position: {
                        corner: {
                              target: 'topRight',
                              tooltip: 'bottomLeft'
                        }
                  }
            });

            $('a').click(function(){
                  return false;

            });
LVL 19
erikTsomikSystem Architect, CF programmer Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Michel PlungjanIT ExpertCommented:
Why use a link if you are not going to follow it?
0
erikTsomikSystem Architect, CF programmer Author Commented:
what do you mean
0
Michel PlungjanIT ExpertCommented:
Use a span or use Mouseover QTIP is not designed for click on links
I'm on my way to bed. I'll look tomorrow.
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

erikTsomikSystem Architect, CF programmer Author Commented:
I am using a href because I want to lauch external form in qtip
0
Michel PlungjanIT ExpertCommented:
What does that have to do with a link?!
0
erikTsomikSystem Architect, CF programmer Author Commented:
so you think just use div onclick event
0
Michel PlungjanIT ExpertCommented:
Yes or Mouseover if you need the link
0
erikTsomikSystem Architect, CF programmer Author Commented:
i've change to div but no luck
 $("#mPeople").qtip(
      {
         content: '<a href="#">Edit</a> | <a href="#">Delete</a>', // Give it some content
         position: 'topRight', // Set its position
         hide: {
            fixed: true // Make it fixed so it can be hovered over
         },
         style: {
            padding: '5px 15px', // Give it some extra padding
            name: 'dark' // And style it with the preset dark theme
         }
      });
0
Michel PlungjanIT ExpertCommented:
The tip in QTIP comes from tooltip which are generally triggered on mouseover. If you need a form, use jquery UI dialog instead
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
erikTsomikSystem Architect, CF programmer Author Commented:
can you show some code sample I jsut start using the plugin
0
Michel PlungjanIT ExpertCommented:
Use jquery UI instead. QTIP is not optimal for your intended usage
0
Michel PlungjanIT ExpertCommented:
Create a jsfiddle.net and I'll look in 9 hours or so
0
erikTsomikSystem Architect, CF programmer Author Commented:
0
RobOwner (Aidellio)Commented:
I've updated for you to use the plugin and the recommended jQuery version.  You'll see why mplungjan has said not to use it and to go with the jQuery dialog...

http://jsfiddle.net/rjurd/jaSd9/3/
0
Michel PlungjanIT ExpertCommented:
Thanks tagit

Yeah I use qtip2 for tooltips and jQuery ui for dialogs

Qtip is too old if it uses jQuery 1.3
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.