如何为所选元素启用jQuery UI工具提示?

时间:2014-08-12 16:03:12

标签: jquery jquery-ui tooltip jquery-ui-tooltip

我有一个大型企业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
    });
});

但这样可以为应用程序中的每个元素启用工具提示,这是不可取的。 请指导我!

由于

1 个答案:

答案 0 :(得分:2)

设置items选项以添加事件委派选择器。

示例:

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