0

hover for popover以下は、 idを持つ要素のホバープロパティにポップオーバーを表示しようとしている私のjsフィドルへのリンクですa1。私が直面している問題は、ページが初めて読み込まれ、その要素にカーソルを合わせると、ポップオーバーが表示されないことです。しかし、ユーザーがクリックしhover for popoverてホバーすると、hoverプロパティは完全に正常に機能します。ページの読み込みイベントで発生しない理由と、ユーザーがボタンをクリックする必要がなく、何でも表示されるように修正するにはどうすればよいかを教えてください。初期化。

注：これは次の方法で簡単に実行できますが、問題は要素のIDが動的に生成されているため、特定の1つのIDに対して次のメソッドを使用できないことです。

$(function ()
{ $("#example").popover();
});

JSFIDDLE： http: //jsfiddle.net/weuWk/323/

4

3 に答える 3

3

まず、すべてのホバー要素にクラスを追加します。

<span id="a1" class="btn large primary hoverable">Popover</span>

次に、各アイテムにポップオーバーを追加します。

$(document).ready(function(){
    $('.hoverable').popover({title: "Hello"});
});

編集：（idまたはその他の属性）を参照するには.attr()、次のように使用できます。

$(document).ready(function(){
    $('.hoverable').each(function(){
      $(this).popover({title: $(this).attr('id')});
    });
});
于 2012-12-07T15:10:57.813 に答える
2

popover()問題は、ドキュメントが適切に読み込まれる前に関数を呼び出しているという事実に起因していると思います。その後$('#a1')、例では何にでも一致する可能性があります。

ここで更新されたjsfiddleを確認してください：http：//jsfiddle.net/weuWk/325/ドキュメント が次のように準備ができている場合にのみpopoverを呼び出す必要があります：

$(document).ready(function() {
    $('#a1').popover({title: "Hello"});
});
于 2012-12-07T15:09:26.153 に答える
0

修正済みhttp://jsfiddle.net/pieterwillaert/weuWk/327/

あなたがしていることは次のとおりです。

  • ドキュメントが読み込まれると、すべてのボタンを繰り返し処理します（これは、'span'簡単に変更できるように使用して行いました'.button'） 。

  • 各ボタンにポップオーバーを与える

    $(document).ready(function() {

    $('span').each(function(index) {
         $(this).popover({title: "Hello"});
    });

});​
于 2012-12-07T15:12:59.013 に答える