如何修復不必要的切換當輸入被集中在切換div

Question

當按鈕被點擊時，我有一個切換（顯示/隱藏）的div。在div裏面有一個輸入欄，不知何故，當輸入欄被點擊時，它也會切換div。

這裏是我的代碼：

$(".button").click(function (e){ 
    e.preventDefault(); 
    $(".div-to-be-toggled").toggle("fast",function(){ 
     $(".input-field").focus(); 
     }); 
}); 

在CSS股利設置爲顯示：無。

任何幫助將不勝感激。

感謝

Answer 1

你必須在輸入域，以防止起泡的單擊事件它從它的父增加一個點擊事件。

$(".input-field").click(function(event) { 
      event.stopPropagation(); 
});