jQuery / Rails：如何使用jQuery修改以Rails中唯一ID結尾的多種表單的提交？

Question

我有一個頁面可以為我在上一頁中選擇的每個對象創建多個表單，並且每個表單的ID為“ edit_movie_ [uid]”。 我試圖讓jQuery對提交采取行動，但現在所做的只是使我的提交按鈕無響應。 在我的application.js中，我有：

jQuery.ajaxSetup({
   'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")}
 })

 $(document).ready(function(){

   $('form[id^="edit_mov"]').submit(function(){
      $.post($(this).attr('action'), $(this).serialize(), null, 'script');
      return false;
   })
 })

作為我的提交按鈕的回調，我只有：

alert("jquery works");

因此，應該會彈出一個警報框，但是現在所有按鈕都無法執行任何操作，其中一些按鈕不可單擊。

Answer 1

看起來您是在就緒塊中觸發事件，而不是綁定事件。 您可以使用綁定，或者更好的是使用委托。 另外，避免多次調用$（）：

$(function() { // Shorthand for $(document).ready()
  //$('form[id^="edit_mov"]').bind('submit', function() {
  $(document).delegate('form[id^="edit_mov"]', 'submit', function() {
    var form = $(this);
    console.log('submit triggered', form);
    $.post(form.attr('action'), form.serialize(), null, 'script');
    return false;
  })
})