Bootstrap彈出窗口不會與類一起工作，但將與編號

一起工作我一直在試圖讓引導彈窗插件工作在共享相同類的多個元素上。現在它是灰色塊級別的「更多信息」按鈕。你可以找到鏈接 here Bootstrap彈出窗口不會與類一起工作，但將與編號

此前，酥料餅的工作時，它是像這樣id="pop"奇異ID和下面的JavaScript：

$(document).ready(function() { 
    $('#pop').popover() 
});

然而，當我改變2個按鈕，說「更多信息」 from id="pop"到class="pop"和ammend JavaScript的相應的酥料餅停止工作的多個按鈕：

$(document).ready(function() { 
    $('.pop').popover() 
}); 

<a class="btn btn-block pop" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="top" data-toggle="popover" data-original-title="Popover on right">More Information</a></p>

是它的情況是，酥料餅插件不會在多個具有相同類的元素上工作？如果您查看我提供的鏈接，則沒有控制檯錯誤。

來源

2013-02-11 user1554264

只是測試它你的鏈接，我就得到一個popover 「更多信息」按鈕。（Chrome版本24.0.1312.57，OSX Mountain Lion） – 2013-02-11 23:42:51

你可以使用這樣的事情：

$('.pop').popover({ 
    html: true, 
    content:mycontent, 
    trigger: 'manual' 
}).click(function(e) { 
    $(this).popover('toggle'); 
    e.stopPropagation(); 
});

just check my jsfiddle

來源

2013-04-22 18:24:45 PersianMan

在javascript中：

$(document).ready(function() { 
    options = { 
    placement: 'top', 
    trigger : 'click' 
    } 
    $('[rel="popover"]').popover(options); 
});

在HTML：

<p><a class="btn btn-block pop" rel="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on right">More Information</a></p> 

<p><a class="btn btn-block pop" rel="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on right">More Information</a></p>

來源

2013-06-26 19:47:43

Bootstrap彈出窗口不會與類一起工作，但將與編號

回答

相關問題