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

Question

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

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

我已经设置了一个jsfiddle here。我用过这个：

... 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不会让你失败的原因......

  

委托 - 说明：为处理选项的所有元素的一个或多个事件附加处理程序，现在或将来，基于   具体的根元素集。