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

Question

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

如果您需要特定的实现，可以查看我试图帮助回答的这个 SO 问题：How to get the last table row no matter the sort?

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

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

这很棒，简单而轻巧，它也符合链接的问题。谢谢戴夫！