用提交按钮重构ajax表单的建议?

时间:2012-05-15 22:18:14

标签: javascript ruby-on-rails ajax ruby-on-rails-3 twitter-bootstrap

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

一些rails代码:

  // 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事件以关闭弹出窗口?

1 个答案:

答案 0 :(得分:1)

Styleable按钮:

%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;
  });
});