無法點擊複選框 - JQuery

我正在嘗試創建一個簡單的待辦事項列表。它的唯一選項是添加，刪除和檢查完成。我的麻煩在於檢查部分。複選框不響應點擊。我嘗試了其他元素，但他們都沒有響應點擊。這裏是正在發生的事情：無法點擊複選框 - JQuery

$("#submit").click(function() { 
    if (checkIfEmpty()) { 
    add(); 
    } 
    replaceValue(); 
}); 

//delete from list 
$("#delete").click(function() { 
    $(".list li").toggleClass("active"); 
    $("#today").on("click", "li", function() { 
    $(this).remove(); 
    }); 
}); 

//checked 
$("#today").on("click", "div", function(e) { 
alert("aaa"); 
e.stopPropagation(); 
});

HTML：

<div class="list"> 
    <h3>Today i want to...</h3> 
    <button class="btn" id="add">Add</button> 
    <button class="btn" id="delete">Delete</button> 
    <div class="addToList"> 
    <input type="text" id="todo" /> 
    <button type="submit" id="submit">Add</button> 
    </div> 
<ul id="today"></ul> 
</div>

來源

2016-01-14 Denise

你可以發佈標記嗎？ – leguano

您正在使用e.stopPropagation。看到你的問題是你的複選框沒有響應點擊，我敢打賭這是你的問題。也張貼您的HTML，所以我們實際上可以嘗試幫助你，而不是隻是猜測。 – Glubus

您在這裏停止點擊事件的冒泡：stopPropagation（）您是否試過刪除並查看您的點擊處理程序是否再次運行？ – Korgrue

我已經找到了問題所在。我在li元素上使用了pointer-events:none，所以無法刪除它。答案僅僅是將複選框類編輯爲pointer-events:auto，並設置爲去。謝謝。這只是一個分心錯誤。

來源

2016-01-14 16:26:39 Denise

無法點擊複選框 - JQuery

回答

相關問題