jquery - 如何为所选元素启用 jQuery UI 工具提示？

Question

我有一个大型企业 Web 应用程序，我想为所选元素启用 jQuery UI 工具提示。很多元素是在应用程序启动后动态生成的，因此即使我提供 id，它也不起作用。它起作用的唯一方法是当我这样做时:

var $dj = jQuery.noConflict();
$dj(function() {
    $dj(document).tooltip({
        position: {
            my: 'left center',
            at: 'right+5 center'
        },
        show: 1300,
        hide: 2999
    });
});

但这会为应用程序上的每个元素启用工具提示，这是不可取的。 请指导我!

谢谢

Answer 1

设置items选项来添加事件委托(delegate)的选择器。

示例:

var $dj = jQuery.noConflict();
$dj(function() {
    $dj(document).tooltip({
        items: 'a.example',
        position: {
            my: 'left center',
            at: 'right+5 center'
        },
        show: 1300,
        hide: 2999
    });
});

其中 a.example 选择您想要将工具提示小部件附加到的元素。

工作演示: http://jsfiddle.net/aockfe7o/

来源:jQuery-UI API reference