图像上的 Bootstrap Popover

Question

所以我有一个图标列表，当你将鼠标悬停在一个图标上时，我试图激活一个弹出窗口，我似乎无法让它工作，任何帮助将不胜感激。

 <img class="icon" rel="popover" trigger: "hover" data-placement="top" data content="This is a popover"src="images/brandable.png"><br>Brandable</br></li>

我在一个单独的 js 文件中有这个

$('.icon').popover({placement:'top'});

原文由 Brandon Charles 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将属性放在 jquery 变量而不是标记中

<img class="icon" rel="popover" src="images/brandable.png"/>

添加脚本如下

<script>
$('document').ready(function() {
    var popOverSettings = {
        placement: 'top',
        selector: '.icon',
        title:'Brandable',
        trigger: "hover",
        content:'This is a popover'
    };
$(this).popover(popOverSettings);
});
</script>

原文由 Shashikala 发布，翻译遵循 CC BY-SA 3.0 许可协议