Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 事件单击在RubyonRails中似乎不起作用_Jquery_Ajax_Jquery Ui_Jquery Plugins - Fatal编程技术网

Jquery 事件单击在RubyonRails中似乎不起作用

Jquery 事件单击在RubyonRails中似乎不起作用,jquery,ajax,jquery-ui,jquery-plugins,Jquery,Ajax,Jquery Ui,Jquery Plugins,我有以下问题。我创建了一个clase.save,然后我将事件添加到其中,但它不起作用 代码 $(文档).ready(函数(){ $(“#bt”)。单击(函数(){ $(“表格”)。追加(添加省:); $(“表格”)。附加(“”); $(“表格”)。附加(“”); }); $(“.save”)。单击(函数(){ $(this.css(“背景色”、“红色”); }); }); 添加省 我认为您需要阻止按钮的默认操作 e.preventDefault(); 单击事件也应该是 $("form").o

我有以下问题。我创建了一个clase.save,然后我将事件添加到其中,但它不起作用

代码


$(文档).ready(函数(){
$(“#bt”)。单击(函数(){
$(“表格”)。追加(
添加省:); $(“表格”)。附加(“”); $(“表格”)。附加(“”); }); $(“.save”)。单击(函数(){ $(this.css(“背景色”、“红色”); }); }); 添加省
我认为您需要阻止按钮的默认操作

e.preventDefault();
单击事件也应该是

$("form").on("click",".save", function(){
          $(this).css("background-color","red");
});
这是因为按钮是以友好方式添加到表单中的。单击事件只能添加到现有图元中


举个小例子

谢谢。你能解释一下吗,因为你需要e.prenventDefault();谢谢你能解释一下吗,因为你需要e.prenventDefault();。这是为了避免操作POST,因为当你按下表单中的按钮时,默认的操作是submit,所以你需要阻止它。希望能有帮助。
$("form").on("click",".save", function(){
          $(this).css("background-color","red");
});