Question

如何使用实时绑定进行低音工具提示（http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/）

我正在使用此代码：

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

那么，如何使用实时绑定绑定它呢？

Answer 1

我可以想到两种方法来实现这个目标：

由于您使用ajax调用或其他方式更新文档，因此您可以在添加新创建元素的区域内进行相同的调用。以下是使用不同qtip的演示，但策略完全相同：http://jsfiddle.net/lucuma/2EnFV/
如果您无法通过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/

低音工具提示的实时绑定（http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/）

1 个答案: