• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 454
  • Last Modified:

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;

            });
0
erikTsomik
Asked:
erikTsomik
  • 8
  • 6
1 Solution
 
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
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy 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
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

  • 8
  • 6
Tackle projects and never again get stuck behind a technical roadblock.
Join Now