jquery - 确定用户是否在对话框中选择 'cancel'

Question

在我的 Rails 应用程序中，当用户尝试删除图像时，我会创建一个确认对话框:

<%= link_to image, :method => :delete, :confirm=> "Are you sure you want to delete this video?", :remote => true, :class=> "btn btn-mini trash" do %>
   <i class="icon-trash"></i>
<% end %>

如何使用 jquery 检测用户是否从对话框窗口中选择“取消”？

Answer 1

格雷厄姆提供了史蒂夫文章的良好链接。

所以，根据文章和UJS代码，你可以重写UJS的confirm方法。

原代码很简单( https://github.com/rails/jquery-ujs/blob/master/src/rails.js )

// Default confirm dialog, may be overridden with custom 
// confirm dialog in $.rails.confirm
confirm: function(message) {
  return confirm(message);
},

然后，使用普通 Javascript，您可以在应用程序的 js 文件中编写类似的内容来覆盖此方法。

$.rails.confirm = function(message) {
  if (confirm(message)) {
    return true;            //UJS will continue doing his job
  } else {         
    console.log('canceled') // Do you own logic
    return false;           //Make sure to return false at the end
  }     
}

jsfiddle 演示:http://jsfiddle.net/billychan/GS5hZ/