This question already has answers here:
Event binding on dynamically created elements?
(23个答案)
4年前关闭。
我包括了JQuery,其他所有点击功能都可以使用。我尝试调试并将其从类更改为ID,并且类和ID名称都是唯一的(没有其他元素使用该类或ID)。
这是我的HTML代码,而我的JQuery是:
我真的不知道为什么这不起作用,因为它在其他所有方面都起作用。谁能为我指出正确的方向?我试着给它一个ID(唯一),然后将
我没有收到任何错误,这使我感到困惑。任何事情将不胜感激!
注意:HTML按钮实际上是由AJAX添加的(按下按钮并使用
(我使用
(23个答案)
4年前关闭。
我包括了JQuery,其他所有点击功能都可以使用。我尝试调试并将其从类更改为ID,并且类和ID名称都是唯一的(没有其他元素使用该类或ID)。
<button type="button" style="margin-left: 5px; padding: 7px;" class="btn query-btn"> Search Transactions </button>
这是我的HTML代码,而我的JQuery是:
$(".query-btn").click(function () {
alert("gets here");
});
我真的不知道为什么这不起作用,因为它在其他所有方面都起作用。谁能为我指出正确的方向?我试着给它一个ID(唯一),然后将
.
更改为#
,这也不起作用,是的,它包装在a中:$(document).ready(function () {
我没有收到任何错误,这使我感到困惑。任何事情将不胜感激!
注意:HTML按钮实际上是由AJAX添加的(按下按钮并使用
innerHTML
直接插入响应),而不是默认页面加载。我不确定这是否会影响效果,但请注意以防万一。 最佳答案
如果按钮是由Ajax添加的,则需要使用on
和一个封闭的选择器,大致是:
$('body').on('click', '.query-btn', function () {
// Whatever
});
(我使用
body
作为示例选择器,理想情况下,您应将其范围限制在更小的范围。)关于javascript - 点击功能在此代码中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35702191/