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

Question

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

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

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

... content: 'Description...' + ' <a id="next" href="#">Next »</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 不会让你在这里失败...

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