2

注意：JS/Jquery noob alert（是的，我）

以下两个插件之间似乎存在冲突：

  • 表格排序器 (2.9.1)
  • bootstrap-popover.js v2.2.1

插件可以单独工作，但在一起时，弹出框不起作用。我已经尝试在任何其他插件之前将调用移动到弹出脚本（及其初始化），但没有骰子。我有一种感觉，tablesorter 脚本在 popover 脚本可以加载之前以某种方式从 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 回答