javascript - 如何让 Bootstrap 弹出窗口与动态生成的图像链接一起使用？

Question

我正在尝试将 Bootstrap 2“弹出框”设置为:

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' 添加到您的弹出窗口对象。