javascript - 我无法使用通过附加添加的表单

Question

我需要附加一个表单(带有提交输入)。问题是添加后提交输入不起作用...

提前谢谢您!

Here is when I add it :
$('div.message_holder').append('<div class="mesMessages">' + 
'<b style="color: #000">' + 
msg.username + '</b><br>' + msg.message +
'<form action="" method="POST" class="like">' +
'<input type="submit" id="like" value="Like"/>' + 
'</form>' + '</div>')

And here when I use it :
$( 'form.like' ).on( 'submit', function( e ) {
e.preventDefault()
socket.emit( 'likeEmission', {
username : "Joe",
like : "1"
})

Answer 1

您的提交事件位于元素级别，请将其设置为文档级别

改变

$( 'form.like' ).on( 'submit', function(){})

至

$(document).on( 'submit', "form.like", function(){})

另外，如果您还没有将代码包装在 document.ready() 中的话

或者另一种解决方案是使用 jQuery 的 .bind() 方法请参阅引用:http://api.jquery.com/bind/