javascript - 是否有一种 DRY 方法可以在 Turbolinks :load? 上调用多个 function()

Question

如果我们有:

#app/assets/javascripts/tabbed_panels.js
var new_items = function() {
 #do something
});

$(document).on("turbolinks:load", new_items);

和

#app/assets/javascripts/paginate_users.js
var new_users = function() {
 #do something
});

$(document).on("turbolinks:load", new_users);

等等

有没有办法避免每个脚本重复 $(document).on("turbolinks:load", '#'); ？

Answer 1

我不认为为同一事件对多个函数进行排队是一种不好的模式或违反了 DRY 原则，但您可以将行为封装在单个函数中，以避免让各个模块了解 Turbolinks 的加载行为:

var initialize = function(callback) {
  $(document).on('turbolinks:load', callback);
}

# later...
initialize(new_users);