javascript - Why doesn't qTip tooltipstay open so I can click link on it? - Stack Overflow

admin管理员组

文章数量:1335361

Here is my example in jsfiddle, hover over Minnesota to see the qtip popup. I am using qTip jquery plugin and I am getting stuck on making the qtip stay around long enough for someone to click the link on the tooltip. I have tried all kinds on scenerios to make it stay open. Reading the documentation it seems to be easy to do so but I tried these and no luck. I tried these

hide: { when: 'mouseout', fixed: true }

and

hide: { fixed: true, delay: 1000 }

and many others and nothing will keep the tooltip up so the user can click on a link. The thing that is irritating is that on the reference page. If you click on any of the example links they are doing exactly what i want to do and i went to the source and if seems that they are using

  hide: 'unfocus',

and

     hide: {
        fixed: true,
        delay: 240
     },

but I tried both and the tooltip won't stay open. Am I missing something?

Here is my example in jsfiddle, hover over Minnesota to see the qtip popup. I am using qTip jquery plugin and I am getting stuck on making the qtip stay around long enough for someone to click the link on the tooltip. I have tried all kinds on scenerios to make it stay open. Reading the documentation it seems to be easy to do so but I tried these and no luck. I tried these

hide: { when: 'mouseout', fixed: true }

and

hide: { fixed: true, delay: 1000 }

and many others and nothing will keep the tooltip up so the user can click on a link. The thing that is irritating is that on the reference page. If you click on any of the example links they are doing exactly what i want to do and i went to the source and if seems that they are using

  hide: 'unfocus',

and

     hide: {
        fixed: true,
        delay: 240
     },

but I tried both and the tooltip won't stay open. Am I missing something?

• javascript
• jquery
• jquery-plugins
• qtip

Share Improve this question Follow edited Mar 28, 2011 at 13:48 Matt Elhotiby asked Mar 28, 2011 at 13:42 Matt ElhotibyMatt Elhotiby 44.1k9191 gold badges224224 silver badges328328 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

Since it appears the position of your tip is off to the right some, try this:

  $(this).qtip(
  {
      hide:{ //moved hide to here,
        delay:500, //give a small delay to allow the user to mouse over it.
        fixed:true
      },
     content: $("." + test).html(),
     style: {
        name: 'dark',
         style: {
            border: 1,
            cursor: 'pointer',
            padding: '5px 8px',
            name: 'blue'
         },
        border: {}, 
        tip: true // Apply a tip at the default tooltip corner
     }
  });

Updated fiddle.

You've got 2 styles in your code and it's just all sorts of wonky. Here is your code, working.

http://jsfiddle/JDVTM/

本文标签： javascriptWhy doesn39t qTip tooltipstay open so I can click link on itStack Overflow