javascript - 使用提交按钮重构 ajax 表单的建议？

Question

我有这个弹出窗口，它包含 2 个按钮来拒绝并接受问题是我正在尝试设置按钮的样式并且仍然触发一个 JS 事件来关闭弹出窗口（它是一个模态 ajax 弹出窗口）问题是我缺乏灵感和将以下 3 个元素组合在一起的想法。

一些导轨代码：

  // ACCEPT FORM
  = form_tag(friend_path, :method => 'post', :remote => true) do
    = hidden_field_tag :user_id, current_user.id
    = submit_tag 'ACCEPT'

  // DECLINE FORM
  = form_tag(friend_path, :method => 'post', :remote => true) do
    = hidden_field_tag :user_id, current_user.id
    = submit_tag 'DECLINE'
    //fbmodal.close ()

任何人都知道我如何拥有按钮

• 可样式化（就像 twitter bootstrap 一样）

• 仍然用ajax发送

• 触发一个 JS 事件来关闭弹出窗口？

Answer 1

可样式化的按钮：

%button.btn#accept-button
  %i.icon-plus
  Accept

你的 JS 可以是这样的：

$(document).ready(function() {
  $('#accept-button').click(function() {
    // replace this with your AJAX call
    $.get('/foo.json');
    // close the modal
    $('#your-modal-id').modal('hide');
    // and don't submit
    return false;
  });
});