0

如何使用实时绑定作为低音工具提示 (http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/)

我正在使用这段代码：

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

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

4

1 回答 1

2

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

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

  2. 如果您无法通过 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/ ​</p>

于 2012-06-15T02:29:08.730 回答