2015-08-18 37 views
0

我想实现我的网页上以下qTip提示脚本:qTips JS脚本不起作用

// 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拿到剧本,但遗憾的是,没有按剧本” t也可以在JS Fiddle上工作。我确信这里有一个错字,但我没有JS技能来找到它。

有人可以帮我纠正这个脚本吗?

感谢

回答

0

我喜欢qTip2但我讨厌它的一件事是,它的文档的打击。创作者给出了示例代码,但省略了它的某些必要部分,使其变得令人困惑。他还包括破碎的小提琴就像你上面给出的那个。

更何况,如果他只是显示一个工具提示,那小提琴是不必要的复杂。 http://jsfiddle.net/ah653at2/1/

我希望你可以用这个来代替,以获得该库的一个基本的了解:

我在这里的链接创建qTip2的一个非常基本的例子。

HTML:

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

的JavaScript:

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