2017-10-14 98 views
-2
<script> 
     $('#click').click(function (e) { 
      e.preventDefault(); 
      var id = $('#id').val(); 
      $.ajax({ 
       type: "POST", 
       url: "ajaxcode.aspx/fun", 
       data: "{'str' : '" + id + "'}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (resopnse) { 
        $('.col-md-9').append("<a id='clickID'>More</a>"); 
       } 
       }); 
      }); 
     $('#clickID').click(function (e) { 
       e.preventDefault(); 
       alert("CLICKED"); 
      }); 

</script> 

我在AJAX追加<a>與ID的clickId,並就<a>我再跑功能,但它不能正常工作。第一個函數成功運行,但第二個函數不起作用。有什麼錯誤嗎?Click事件不工作錨

+4

的可能的複製[事件綁定上動態創建的元素?](https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements ) – Dmitry

回答

1

試試這個。

$('#clickID').click(function (e) { 

$(document).on("click", "#clickID", function(){ 
+0

你能解釋它爲什麼有效嗎? – putvande

+0

@putvande https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements#answer-18144022 – Dmitry

+0

謝謝,先生,其工作非常感謝。 –