代码之家 › 专栏 › 技术社区 › lyrch

jQuery/Rails:如何使用jQuery修改Rails中以唯一id结尾的多个表单的submit?

ruby-on-rails jquery

lyrch · 技术社区 · 14 年前

我有一个页面,为我在上一页上选择的每个对象创建多个表单,每个表单的id都是“edit\u movie\uuid]”。我试图让jQuery对submit执行操作,但现在它所做的只是使我的submit按钮没有响应。在我的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");

所以应该弹出一个警告框,但是现在没有一个按钮做任何事情,其中一些按钮是不可点击的。

1 回复 | 直到 14 年前

aceofspades 14 年前

看起来您正在就绪块中触发事件,而不是绑定它。您可以使用bind,或者更好的方法是delegate。另外,请避免多次拨打$():

$(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;
  })
})

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前