Question

我希望通过Javascript生成多个选择器，每个选择器都有自己的popOver内容，也可以使用Javascript动态添加。

你如何让两个或两个以上的人工作？

$(function()
{           
    $('body').popover({
        selector: '[rel=popOver1]',
        trigger: 'hover',
        animation: true,
        placement: 'bottom',
        content: 'contents1',
        html: true
    });

    $('body').popover({
        selector: '[rel=popOver2]',
        trigger: 'hover',
        animation: true,
        placement: 'bottom',
        content: 'contents2',
        html: true
    });
});


$('<p><a class="btn" rel="popOver1">popOver1</a></p>').appendTo('.buttons');

$('<p><a class="btn" rel="popOver2">popOver2</a></p>').appendTo('.buttons');

Answer 1

感谢@JasonP通过以下评论回答了一个后续问题： http://jsfiddle.net/EdBc8/

的Javascript

function createPopOver(selector, content) {
    $(selector).popover({
        //selector: selector,
        trigger: 'hover',
        placement: 'right',
        content: content,
        html: true
    });
}

function addBtn() {
    for (var i = 0; i < 5; i++) {

        $('.buttons').append("<p><a class='btn' rel='popOver" + i + "'>popOver" + i + "</a></p>");

        createPopOver('[rel="popOver' + i + '"]', "content for " + i);
    }
}

<强> HTML

<div class="buttons">   </div>

使用Bootstrap3的多个动态添加选择器的不同popOvers？

1 个答案:

的Javascript