如何在外部JS脚本完成运行后运行函数

Question

我试图了解如何确保我的代码在外部JS文件运行完毕后运行。

如果你需要一个特定的实现，你可以看看这个SO问题，我试图帮助回答： 如何获得最后一个表行，无论排序？

TDLR ： bootstrap-sortable.js中的脚本运行表排序。 此表排序完成后; 我想这样做，以便我可以运行一个片段，它将一个简单的CSS类添加到新排序表中的最后一个元素。 通过此JQuery代码段可以轻松实现类的添加：

var lastRow = $(this).closest("table").find("tbody tr:last");

if(!lastRow.hasClass("dropup")){
    // Removing dropup class from the row which owned it
    $(this).closest("table").find("tbody tr.dropup").removeClass("dropup");
    // Adding dropup class to the current last row
    lastRow.addClass("dropup");
}

我想知道：

1. 外部脚本运行完成后是否可以运行我的脚本？
2. 如果没有，你能解释一下原因吗？
3. 我已经考虑修改bootstrap-sortable.js来添加我的脚本，这是最好的推荐方法吗？

奖金回合！ （只有当你觉得自己需要挑战时）。

除了使用bootstrap-sortable.js作为链接问题之外，还有一个更好的，自己动手的解决方案来排序表吗？

感谢大家！

Answer 1

我要感谢Dave Newton带领我回答这个问题很简单。

的jsfiddle

$(document).ready(function() {
  $("#MyTable").on('sorted', function(){
    var lastRow = $("#MyTable").find("tbody tr:last");
      // Removing dropup class from the row which owned it
      $("#MyTable").find("tbody tr.dropup").removeClass("dropup");
      // Adding dropup class to the current last row
      lastRow.addClass("dropup");
  });
});

这很棒，简单，轻巧，也坚持链接的问题。 谢谢戴夫！