2

注: JS/Jquery noob アラート (はい、私)

次の 2 つのプラグインの間に競合があるようです。

  • テーブルソーター (2.9.1)
  • ブートストラップ popover.js v2.2.1

プラグインは別々に動作するはずですが、一緒にするとポップオーバーが動作しません。他のプラグインよりも前にポップオーバー スクリプト (およびその初期化) への呼び出しを移動しようとしましたが、ダイスはありません。ポップオーバースクリプトが読み込まれる前に、テーブルソータースクリプトが何らかの形でDOMからタイトルを削除しているように感じます（私がほとんど知らない別の主題）が、サイコロはありません。

私のHTMLで

<script src="../../js/jquery-1.8.2.min.js"></script>
<script src="../../js/jquery.tablesorter.js"></script> 
<script src="../../js/jquery.tablesorter.pager.js"></script> 
<script src="../../js/tooltips-popovers.js"></script>
<script>
 $(function(){
     $("#stats").tablesorter();
 });
</script>
<script>
    $("a[rel=popover]").popover({html:true,trigger:'hover'});
</script>
<script>     /* Initiate pager  */      
    $(function(){
    var pagerOptions = {
        container: $(".pager"),   
        };
    $("table")
    .tablesorterPager(pagerOptions);
    });
</script>
4

1 に答える 1

2

ドキュメント準備完了イベント内でポップオーバー スクリプトを初期化していることを確認してください。

$(function(){
  $("a[rel=popover]").popover({html:true,trigger:'hover'});
  $("#stats")
    .tablesorter()
    .tablesorterPager({
      container: $(".pager")
    })
});

それが機能しない場合、ポップオーバー リンクがテーブル内にあるとしか推測できませんか? その場合、テーブルを並べ替えるときに動的に追加および削除されるため、委任されたイベントを介して追加する必要がある場合があります。その場合、上記のコードは機能しない可能性があります。

更新: 述べたように、ポップアップ リンクは 内にthありtheadます。その場合は、次のコードを試してください。

$(function(){
  $("#stats")
    .tablesorter({
      initialized: function(table){
        $("a[rel=popover]").popover({html:true,trigger:'hover'});
      }
     })
    .tablesorterPager({
      container: $(".pager")
    })
});
于 2013-05-04T01:00:08.473 に答える