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

Question

我的 Javascript 不太符合要求，我正在努力重写提供的 rails.js 中的函数。

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

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

我认为这是因为整个 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;
  }   
});

我也尝试过包括我的 javascript 在 rails.js 之前和之后都无济于事。

编辑：

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

Answer 1

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

请参阅我的文章 Rails jQuery UJS：现在交互式，了解带有示例的完整解释。

编辑：现在，从此提交开始确认 可以用同样的方式覆盖对话框函数。例如

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

Answer 2

像这样？

//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 3

我刚刚检查了 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生成jquery：install）？