用不同的PopOvers动态添加btns?

时间:2014-02-18 19:08:34

标签: javascript jquery twitter-bootstrap dynamic popup

对于express / node / mongo应用程序,正在从数据库中动态添加元素。

当排除for循环时,只有第一个按钮会返回一个popOver ..

JAVASCRIPT

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

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

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

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

HTML

<body>

<div class="container">

    <button type="button" class="btn" onClick="addBtn()">addBtn</button>

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

</div>

</body>

0 个答案:

没有答案