如何在不修改提供的 rails.js 的情况下覆盖 Rails 3 不显眼的 javascript 函数？

Question

我的 Javascript 还不够完善，我正在努力重写提供的 rails.js 中的一个函数。

我想修改 a[data-confirm] 的处理方式，使用 jQuery UI 模式对话而不是原版 javascript confirm()。

rails.js中的相关函数为allowAction(element)。如果我在另一个文件中定义它，我可以从 firebug 控制台成功调用它，但 rails.js 版本仍然是从具有 data-confirm 属性的锚点调用的。

我认为这是因为整个 rails.js 文件被包裹在：

(function($) {
...
})( jQuery );

有没有一种明智的方法来覆盖这个函数，不修改提供的rails.js？

编辑：

rails.js 到 allowAction 的调用被封装在 .live 调用中：

  $('a[data-confirm], a[data-method], a[data-remote]').live('click.rails', function(e) {
  var link = $(this);
  if (!allowAction(link)) return false;

  if (link.attr('data-remote')) {
    handleRemote(link);
    return false;
  } else if (link.attr('data-method')) {
    handleMethod(link);
    return false;
  }   
});

我还尝试在 rails.js 之前和之后包含我的 javascript，但无济于事。

编辑：

所以，如果我调用 .die('click.rails')，我可以重新定义整个 click.rails 事件，但不会调用原始的 handleRemote() 和 handleMethod() 函数。

Answer 1

像这样？

//Backup our original function just in case
var backupFunc = allowAction;

//Your replacement function
var myFunc = function(element){
    //Have it your way, badabababa :)
};

//Override default 'allowAction' function

allowAction = myFunc;

/*
    Restore it the way it was before: allowAction = backupFunc;
*/

编辑： 函数的作用域是封闭作用域。因此，您将无法按照自己的意愿对它们采取行动。

Answer 2

我刚刚检查了rails.js 代码（我使用的是Rails 3.0.3 和jquery-rails 0.2.7），它调用confirm() 方法的点与你的不同。我的看起来更容易更换：

function allowAction(element) {
    var message = element.data('confirm');
    return !message || (fire(element, 'confirm') && confirm(message));
}

也许您可以升级您的jquery-rails gem（并重新运行rails generate jquery:install）？

Answer 3

仅供参考，我刚刚为 Rails jquery-ujs 添加了一个外部 API 来完成这类事情。您现在可以通过插入（并重写 1 行）$.rails.allowAction 函数使 rails.js 使用自定义确认方法。

请参阅我的文章Rails jQuery UJS: Now Interactive，以获取完整的示例说明。

编辑：现在，从this commit 开始，confirm 对话框函数可以以同样的方式被覆盖。例如

$.rails.confirm = function(message) { return myConfirmDialog(message); };