jquery - 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 tagjspopover<a>pointer cursorpopover

这会是什么问题？

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。我不确定这里还有什么问题:)