gpt4 book ai didi

javascript - 使用 jquery 1.11.3.min.js 时,jquery on click 事件未触发。

转载 作者:行者123 更新时间:2023-11-30 16:01:02 25 4
gpt4 key购买 nike

按照下面的 html 控件,如果我尝试将提交的“id”更改为“保存”,则单击“保存”将不起作用。

HTML

<html>
<head>
</head>
<body>
<input type="button" value="Submit Request" id="Submit"class="buttonclass"/>
<input type="button" id="cancel" value="Cancel" class="buttonclass" />
</body>
</html

下面的JS代码:

   $("#Submit").on({
click: function () {

$(this).attr('id', 'Save');
return false;
}
});

$("#Save").on({
click: function () {
alert("Save Event Fired");
}
});

最佳答案

您没有将点击事件绑定(bind)到#Save,因为id #Save 仅在按下提交按钮后才存在(加载时没有#Save)。但是如果你把点击事件放在 body 上并且只接受#Save,你可以冒泡事件并在那里处理它。

$("#Submit").on('click', function (e) {
e.stopPropagation()

alert("Submitted Fired");
$(e.target).attr('id', 'Save');
$(this).unbind('click');
})

$("body").on('click', '#Save', function (e) {
alert("Save Event Fired");
})

https://jsfiddle.net/6Lchafwa/1/
如果这是您要查找的答案,请按左侧的绿色对勾。

关于javascript - 使用 jquery 1.11.3.min.js 时,jquery on click 事件未触发。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37749739/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com