jQuery通过类名绑定表单提交不起作用

时间:2011-11-04 17:29:16

标签: ajax jquery

我有一个jQuery AJAX调用,它在PHP中创建并显示这样的表单:

echo '<form class="add_suggested_solution_comment" name="suggest_solution_comment_form" method="post">';
echo '<p><textarea name="suggested_solution_comment" cols=65 rows=6 ></textarea></p>';
echo '<input type="hidden" name="problem_id" value="'.$problem_id.'" />';                                                   echo '<input type="hidden" name="suggestion_id" value="'.$suggested_solution_id.'" />';   
echo '<p><input type="submit" class="button" value="Add Comment"></input></p>';             
echo '</form>';

然后,当用户单击表单时,我尝试通过使用表单的class属性来捕获jQuery中的单击。由于特定原因,我无法使用表单的id属性。

以下是jQuery的样子:

$('.add_suggested_solution_comment').bind('submit',function()

但是出于某种原因,当用户提交表单时,jQuery永远不会被触发。知道为什么吗?

谢谢!

2 个答案:

答案 0 :(得分:1)

你是在装载它吗?尝试

$(document).ready(function(){
    $('.add_suggested_solution_comment').bind('submit',function()
});

答案 1 :(得分:1)

如果您是通过AJAX动态创建form,则需要使用jQuery的live()方法绑定提交处理程序:

$('.add_suggested_solution_comment').live('submit', function(){
    alert('form submitted');
    // other code
});