Question

所以我正在使用qtip进行jquery ....我有以下代码

$('#content a[href]').qtip(
   {
      content: 'Some basic content for the tooltip', // Give it some content, in this case a simple string
       style: { 
      name: 'cream', // Inherit from preset style
      tip: 'topLeft'
      },
      show: {
            when: 'click', // Show it on click...
            solo: true // ...and hide all others when its shown
      },
      hide: {
          when : 'focusout',
          fixed: true
      }
   });

所以想要的效果是当我点击链接并且保持在那里时，应该显示提示，除非我点击页面的其他部分（因此聚焦），但同时如果我点击提示本身，我不希望它消失，以便我可以在其中插入有趣的东西，因此修复：true ...但是，即使我这样做，它仍然会消失，当我点击提示...什么是我做错了还是有另一种方法可以防止尖端在我点击它时消失但如果我点击页面的另一部分它会消失？

Answer 1

您需要使用unfocus事件：

$('#content a[href]').qtip({
    content: 'Some basic content for the tooltip',
    // Give it some content, in this case a simple string
    style: {
        name: 'cream',
        // Inherit from preset style
        tip: 'topLeft'
    },
    show: {
        when: 'click',
        // Show it on click...
        solo: true // ...and hide all others when its shown
    },
    hide: {
         when: { event: 'unfocus' }
    }
});

工作演示：http://jsfiddle.net/andrewwhitaker/rep87/

来自documentation：

“unfocus”事件会在文档上的任何其他位置隐藏工具提示，但会单击工具提示本身。

如何保持qtip固定

1 个答案: