bootstrap 2.3.2 popover html内容问题

Question

我正在尝试通过

动态填充popover

JAVASCRIPT

$("[data-bind='popover']").popover({
 trigger: 'hover',
 html: true,
 content: function(){ 
  return "<img src="+$(this).data('content')+" />";
 };
});

HTML

<a href="myreference.html" data-bind="popover" data-content="mylinktoimage">Brick</a> 

问题在于，如果我在width内的height img内设置tag和js，popover就会显示出来。如果我没有设置它们，首先锚<a> pointer cursor“振动”和popover未显示。

这会有什么问题？

Answer 1

您确定上述代码确实有效吗？无法让弹片工作，例如

..
return "<img src="+$(this).data('content')+" />;
 });

??认为这是你的问题。

<a href="myreference.html" data-bind="popover" data-content="flower.jpg">Brick</a> 

更新，也适用于外部在线图片

<a href="myreference.html" data-bind="popover" data-content="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Flower_poster_2.jpg/451px-Flower_poster_2.jpg">Brick</a> 

和

$("[data-bind='popover']").popover({
   trigger: 'hover',
   html: true,
   content: function(){ 
      return '<img src="'+$(this).data('content')+'">';
   }
});

产生：

$("[data-bind='popover']").popover({
   trigger: 'hover',
   html: true,
   content: function(){ 
      return '<img src="'+$(this).data('content')+'" width="50">';
   }
});

产生

没有“振动”等。

Answer 2

在分号之前似乎缺少引号：

return "<img src="+$(this).data('content')+" />";

工作小提琴 - http://jsfiddle.net/tEWLw/2/

更新：另一个Fiddle。我不确定这里还有什么问题:)）