防止materializecss下拉關閉時，它內部點擊它

Question

我使用Materialize.css當前項目，我有一些內置的輸入表單下拉。

下拉有選項可以關閉由：.dropdown-content

點擊裏面.dropdown-content

點擊的

• 點擊外面.dropdown-button

我需要的是不關閉時點擊裏面，因爲我需要能夠填寫輸入表單和其他操作秒。

這裏是簡單example

Answer 1

快速的解決辦法是stopPropagation上點擊的內容包裝。

$('.dropdown-button + .dropdown-content').on('click', function(event) { 
    event.stopPropagation(); 
}); 

我會避免在這個特定的用例中使用'dropdown'。 但是，如果你想堅持下去，只需應用上面的代碼片段即可。

Answer 2

可以使用例如：

$('#first_name').click(function (event) { 
    event.stopPropagation(); 
    //Do whatever you want 
}); 

，以避免從傳播由輸入first_name生成的事件。下拉菜單不會檢測到，所以它不會被關閉。