1

私は拒否して問題を受け入れるために2つのボタンを保持するこのポップアップを持っています.以下の 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 ブートストラップと同様)

  • まだajaxで送信

  • JS イベントをトリガーしてポップアップを閉じますか?

4

1 に答える 1

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;
  });
});
于 2012-05-15T22:36:18.153 に答える