0

popover動的にデータを入力しようとしています

ジャバスクリプト

$("[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表示されません。

これはどのような問題になる可能性がありますか?

4

2 に答える 2

2

上記のコードが実際に機能すると確信していますか? ポップオーバーを機能させることさえできませんでした。

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

?? それはあなたの問題だと思います。

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

update、外部のオンライン イメージでも動作します

<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">';
   }
});

生産する

ここに画像の説明を入力

「振動」などはありません。

于 2013-09-17T15:16:34.333 に答える
1

セミコロンの前に引用符が欠けているようです:

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

ワーキングフィドル - http://jsfiddle.net/tEWLw/2/

更新:別のFiddle。ここで他に何が間違っているのかわかりません:)

于 2013-09-17T15:16:06.697 に答える