2015-08-14 185 views
0
<div class="content todo-card"> 

</div> 

對上面的div項我動態地添加下面的div項。點擊span項目時我想提出一個事件,我可以實現什麼?點擊事件沒有提高點擊跨項添加動態

<div class="todo-task"> 
       <input type="checkbox" id="checkbox1" checked="yes" /> 
       <label for="checkbox1">Hello every one <span class="todo-remove mdi-action-delete"></span> 
       </label> 
      </div> 

我試過下面的代碼,但它沒有工作。

$(document).on('click', '.todo-remove', function() { 
      alert('deleleeeeeeeeeeeeeeeeee'); 

     }); 
+1

您是'.todo-remove'元素是否爲空? – Stryner

+0

這是我的span標籤。使用下面的代碼,但沒有奏效。 $(document).on('click','.todo-remove',function(){ alert('deleleeeeeeeeeeeeeeeeeee'); }); – user1844634

+0

如果你沒有任何內容,沒有什麼可以點擊。編輯:除非其中一個類向內容添加內容,如圖標或其他內容。 – Stryner

回答

0

發生這種情況是因爲當代碼嘗試添加onclick事件時,您的span元素「todo-remove」還不存在。 您需要添加頁面加載後運行參考,如下所示:

$(document).ready(function(){ 
    $(".todo-remove").on('click', function() { 
     alert('deleleeeeeeeeeeeeeeeeee'); 
    }); 
}); 
+0

試過上面的代碼。它不工作。 – user1844634

+0

請加我所有的代碼,你在哪裏添加這個jQuery? –

+0

我分享的代碼是實際代碼。使用ajax在div標籤中添加span元素 – user1844634