2014-10-05 60 views
0

這是陷入另一個查詢我這裏有但真正的一部分....不能讓jQuery的單擊事件Ajax的工作產生HTML

我不能讓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並傳遞給刪除函數...我堅持獲得點擊事件工作。

難道這只是標點或一些愚蠢的,我忽略?

回答

4

document不是選擇器。所以,它不應該被包裹在" "中。請執行下列操作

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

還,'clickme'是元素的'id',而不是'class'因此選擇器應該是'#clickme' – 2014-10-05 11:57:30

+0

@RoryMcCrossan懶得滾動;)無論如何感謝 – 2014-10-05 11:58:50

+0

謝謝......解決了......我t是排序它的#....現在我得到我的生活回來....再次感謝所有 – 2014-10-05 12:08:04

1

試試這個

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

對不起chaps ..以前試過....仍然不起作用:( – 2014-10-05 11:55:50

+0

立即嘗試... – Fergoso 2014-10-05 11:58:46

+0

@SeanF它是id,'#'應該用在我的答案中 – 2014-10-05 11:59:25

0

你們是不是要點擊監聽器添加到類的元素呢? 原因在你的代碼中,你將它添加到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">