B辅助工具提示(http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/)的活动绑定

Question

如何将活动绑定用于辅助工具提示(http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/)

我使用的是以下代码：

$(document).ready(function(){
   $('.tooltip[title]').tooltip({
       track: true,
       delay: 0,
       showURL: false,
       showBody: " - "
});});

那么，我如何使用活动绑定来绑定它呢？

Answer 1

我可以想到两种方法来实现这一点：

1. 由于您正在使用ajax调用或通过其他方式更新文档，因此您可以在添加新创建的元素的区域内进行相同的调用。下面是一个使用不同qtip的演示，但策略是相同的：http://jsfiddle.net/lucuma/2EnFV/、

、

1. 如果您不能通过ajax成功添加工具提示，那么以下代码可以工作。它为具有工具提示插件的元素添加了一个新类。如果鼠标悬停时类不在那里，它将添加类并打开插件。

http://jsfiddle.net/lucuma/WtqYA/

$(document).ready(function() {
    $(document).on('mouseover', '.tooltip[title]', function() {
        if (!$(this).hasClass('applied')) {
            $(this).tooltip({
                track: true,
                delay: 0,
                showURL: false,
                showBody: " - "
            });

            $(this).mouseover();
        }
    });
});

最后，您可以考虑使用活跃开发的插件，例如qtip或jquery工具。

http://craigsworks.com/projects/qtip/

http://jquerytools.org/​