jQuery点击函数问题

发布于 2024-10-20 16:17:24 字数 368 浏览 5 评论 0原文

我在如何在已追加的选择器上应用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

腻橙味 2024-10-27 16:17:24

您必须使用实时事件:

$('input#submitbtn').live('click', function(e) {
    /* code here */
})

常规事件仅绑定到绑定事件时存在的元素。

PS:我希望你只创建一个按钮。 ID必须是唯一的 - 如果不是,事情通常会失败。如果您计划创建多个按钮,请在选择器中使用类而不是 ID,使用 . 而不是 #

You have to use live events:

$('input#submitbtn').live('click', function(e) {
    /* code here */
})

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文