This question already has answers here:
Event binding on dynamically created elements?
                                
                                    (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/

10-12 12:29
查看更多