QTip2多个元素,相同的工具提示

Question

我有一个页面,我动态创建需要工具提示的元素.

我尝试了一些不同的方法,并在网上寻找一些无济于事的答案.

截至目前,我有这个:

var $links = $('a.link');
var len = $links.length;
for(var i = 0; i < len; i++){
    var $ele = $($links[i]);
    $ele.qtip({
        id: 'editLink',
        overwrite: false,
        content: {
            text: $linkEditor,
            title: {
                text: 'Edit Link',
                button: true
            }
        },
        position: {
            my: 'top center',
            at: 'bottom center',
            viewport: $(window)
        },
        show: {
            event: 'mouseover',
            solo: true
        },
        hide: false,
        style: {classes: 'ui-tooltip-shadow ui-tooltip-red'}
    });
}

我正在寻找的是让所有这些元素使用完全相同的工具提示的某种方式.我希望他们都使用完全相同的内容(在这种情况下是单个表单)并以完全相同的方式引用工具提示(通过id为'ui-tooltip-editLink'的工具提示元素).

凭借我所拥有的,它当前正确地创建了第一个工具提示,但是如果我添加一个新元素并重新分配工具提示,它会为新元素创建一个具有不同id的全新工具提示.

有谁知道实现多元素的一些方法,相同的工具提示方法？

Answer 1

为了在动态创建的元素中使用，您需要在元素初始化期间qtip包含。qtip

例如

$('<div style="top:0px; left:0px; position:absolute;">abc123</div>').appendTo("body").qtip({content: "test"});