Question

我正试图将Bootstrap 2“popovers”改为：

A）使用动态生成的内容和
B）在弹出窗口内显示图像。

我目前的代码：

var image = '<img src="img/header/'+selection+'" />';
var previewLink = '<a class="headerPreview" href="#" rel="popover" >(Hover to Preview)    </a>';
$('#headerBlock').append(previewLink);
$('.headerPreview').popover({
    title: 'test',
    content: image
});

现在，当链接悬停时，它什么都不做。我不确定我做错了什么。

Answer 1

试试这个：http://jsfiddle.net/KAvAZ/

关键是将trigger: 'hover'添加到您的popover对象。

Answer 2

每次动态添加一些新内容时，如果要使其支持popover（假设您已经添加了正确的html标记），则应在添加新内容后立即调用popover（）函数。这就是我在原始内容和动态生成的内容上启用弹出窗口的方法。

此主题可能有所帮助：Twitter Bootstrap Popovers not working for Dynamically Generated Content

如何使用自举弹出窗口来处理动态生成的图像链接？

2 个答案: