Question

我正在尝试在我的页面上实现以下qTip工具提示脚本：

// Create the tooltips only when document ready
$(document).ready(function()
{
  // MAKE SURE YOUR SELECTOR MATCHES SOMETHING IN YOUR HTML!!!
  $('a').each(function() {
     $(this).qtip({
         content: {
             text: $(this).next('.tooltiptext')
         }
     });
 });
});

我直接从JS Fiddle documentation page获得了剧本，但不幸的是，剧本也没有在JS Fiddle上工作。我确信在这方面有一个错字，但我没有JS技能来找到它。

有人可以帮我纠正这个剧本吗？

感谢

Answer 1

我喜欢qTip2，但我讨厌的一件事就是它的文档很糟糕。创建者提供示例代码，但省略了它的某些必要部分，这使得它令人困惑。他还包括破碎的小提琴，就像你上面提到的那样。

更不用说，如果他只是显示一个工具提示，那个小提琴会不必要地复杂化。

我在链接处创建了一个qTip2的基本示例：http://jsfiddle.net/ah653at2/1/

我希望您可以使用它来获得对库的基本了解。

<强> HTML：

<a id="test">A very basic tooltip example</a>

<强> JavaScript的：

$("#test").qtip({
    content: {
        text: 'This is some tooltip content',
    },
});

来自JS Fiddle的qTips JS脚本不起作用

1 个答案: