Question

这是我在这里遇到的另一个问题的一部分，但确实卡住了......

我无法获得jquery clcik事件来处理一些ajax生成的HTML。

我已阅读所有文章和问题/答案，但她不会为我工作..所有帮助非常感谢....

JS

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

$(document).ready(function(){    
    $("document").on("click", ".clickme", function() {
        alert("click!");
    });

AJAX

$.ajax({

        url: 'http://www.websites.com/lol.php',

        dataType: 'jsonp',

        jsonp: 'jsoncallback',

        timeout: 5000,

        success: function(data, status){            
            $.each(data, function(i,item){    
                 var balance = '<p>'+item.itemm + ' '+ item.amount + ' '+item.status  +  ' ' + '<input value="delete "type="button" id="clickme">'
                 + '</p><hr>';
                total = total + parseInt(item.amount);

                $("#mylbl2").append(balance);

HTML

<div class="col span_1_of_3">
   <b>VISA</b>
   <span id="mylbl2"></span>
   <b>TOTAL: <span id="mylbl3"></span></b><br/><br/>
</div>

目前我所要做的就是让一个点击事件处理删除按钮...一旦我能够正常工作我可以继续获取id并传递给删除功能...我被卡住了使点击事件有效。

它可能只是标点符号还是愚蠢的东西，我忽略了？

Answer 1

document不是选择器。所以，它不应该包含在" "中。请执行以下操作

$(document).on("click", "#clickme", function() {
    alert("click!");
});

Answer 2

试试这个

$(document).ready(function(){    
    $(document).on("click", "#clickme", function() {
        alert("click!");
    });
});

Answer 3

您是否尝试将click侦听器添加到元素的类中？在您的代码中导致您将其添加到CLASS，而您似乎正在引用该ID。如果您愿意添加只有ID更改的多个项目，那么最好这样做：

$(".clickme").click(function(e) 
{
    alert(e.target.id);
});

更改你的ajax电话

<input value="delete "type="button" id="clickme">

到

<input value="delete "type="button" class="clickme">

无法在ajax生成的HTML上获取jquery click事件

3 个答案: