jquery - 如何将“下一个”链接放在 qtip2 工具提示中

Question

我正在尝试使用 qtip2 在我的网站上创建带有工具提示的教程。我想做的是：

• 在工具提示内的某处有“下一个”链接（而不是只在底部有链接）

我在这里设置了一个 jsfiddle 。我用这个：

... content: 'Description...' + ' <a id="next" href="#">Next &raquo;</a>'

但我的尝试似乎没有奏效。

如果您单击底部的“下一步”链接，它可以正常工作，但工具提示内的链接不起作用。

有任何想法吗？先感谢您！

Answer 1

使用delegate, （取决于你的 jQuery 版本，你也可以使用on代替delegate）

$(document).delegate("#next, #prev", "click", function (event) {

代替

$('#next, #prev').bind('click', function(event) {

这是一个工作的jsFiddle

解释 ：

我猜想工具提示会在稍后阶段添加到 HTML DOM 树中 - 在完成绑定之后 ( .bind)，这就是为什么在delegate这里不会让你失望的原因......

委托- 描述：基于一组特定的根元素，将处理程序附加到与选择器匹配的所有元素的一个或多个事件，现在或将来。