Question

这是我在jsfiddle中的example，将鼠标悬停在明尼苏达州以查看qtip弹出窗口。我正在使用qTip jquery插件，我一直在努力使qtip保持足够长的时间，以便有人点击工具提示上的链接。我在scenerios上试过各种各样的东西让它保持开放。阅读documentation这似乎很容易，但我尝试了这些并没有运气。我试过这些

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

和

hide: { fixed: true, delay: 1000 }

和许多其他人没有任何东西可以保持工具提示，以便用户可以点击链接。令人恼火的是reference页面上的内容。如果你点击任何一个示例链接，他们正在做我想做的事情，我去了源，如果看起来他们正在使用

  hide: 'unfocus',

和

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

但是我试过了两个，工具提示不会保持打开状态。我错过了什么吗？

Answer 1

由于看起来你的小费的位置偏向右边，试试这个：

  $(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
     }
  });

更新了fiddle。

Answer 2

你的代码中有两种风格，它只是各种各样的风格。这是你的代码，工作。

http://jsfiddle.net/JDVTM/

为什么qTip工具提示保持打开状态，以便我可以点击它上面的链接？

2 个答案: