6

我需要在我的 rails 应用程序中自定义确认框。我找到了这个，将 js 代码添加到我的 application.js 中，但似乎 $.rails 未定义。

这是我添加到 application.js 文件的代码：

$.rails.allowAction = function(link) {
  if (!link.attr('data-confirm')) {
   return true;
  }
  $.rails.showConfirmDialog(link);
  return false;
};

$.rails.confirmed = function(link) {
  link.removeAttr('data-confirm');
  return link.trigger('click.rails');
};

$.rails.showConfirmDialog = function(link) {
  var html, message;
  message = link.attr('data-confirm');
  html = "<div class=\"modal\" id=\"confirmationDialog\">\n  <div class=\"modal-header\">\n    <a class=\"close\" data-dismiss=\"modal\">Ã</a>\n    <h3>Are you sure Mr. President?</h3>\n  </div>\n  <div class=\"modal-body\">\n    <p>" + message + "</p>\n  </div>\n  <div class=\"modal-footer\">\n    <a data-dismiss=\"modal\" class=\"btn\">Cancel</a>\n    <a data-dismiss=\"modal\" class=\"btn btn-primary confirm\">OK</a>\n  </div>\n</div>";
  $(html).modal();
  return $('#confirmationDialog .confirm').on('click', function() {
    return $.rails.confirmed(link);
  });
};

我收到一个错误“未捕获的类型错误：无法设置未定义的属性‘allowAction’”。

你知道出了什么问题吗？（jquery_ujs gem 安装加载成功）

先感谢您，

耶尔科

4

3 回答 3

3

你需要：

gem 'jquery-rails'

不是 jquery_ujs。

于 2012-11-13T23:37:48.683 回答
2

我将此代码放入名为 custom.confirm.js 的文件中，然后将这两行

//= require jquery_ujs 
//= require custom.confirm.js

在 application.js 的底部，它工作，谢谢！

于 2012-11-14T10:15:05.740 回答
0

我只是遇到了同样的问题，它在 Firefox 上运行良好，但在 Chrome 上运行良好。我猜这是由于 Chrome 缓存并通过清除与我的开发服务器相关的所有浏览器缓存来修复它，

于 2012-12-31T13:45:05.297 回答