jQuery点击函数问题
我在如何在已追加的选择器上应用 jquery 事件助手时遇到了一些麻烦。 我有这样的代码:
$('<input/>').attr({ id: 'submitbtn', type: 'submit', value: 'Click me' }).appendTo('form');
现在,当我尝试在这个附加的提交按钮上使用单击功能时,没有任何反应,
$('input#submitbtn').click(function() { // code here });
但如果该元素是纯 html,则它可以正常工作。我怎样才能做到这一点?任何帮助表示赞赏。
提前致谢!
I am having a bit of trouble on how to apply jquery event helpers on selectors that have been appendTo.
I have this code:
$('<input/>').attr({ id: 'submitbtn', type: 'submit', value: 'Click me' }).appendTo('form');
Now, when I try to use click function on this appended submit button nothing happens
$('input#submitbtn').click(function() { // code here });
While it works fine if this element was pure html. How can I make this work? Any help appreciated.
Thanks in advance!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您必须使用实时事件:
常规事件仅绑定到绑定事件时存在的元素。
PS:我希望你只创建一个按钮。 ID必须是唯一的 - 如果不是,事情通常会失败。如果您计划创建多个按钮,请在选择器中使用类而不是 ID,使用
.
而不是#
。You have to use live events:
Regular events are only bound to elements which exist at the time where the event is bound.
PS: I hope you only create one button. IDs must be unique - things will usually break if they aren't. If you plan to create multiple buttons, use classes instead of IDs and
.
instead of#
in the selector.