javascript - 无法让 jquery click 事件在 ajax 生成的 HTML 上工作

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!");
});