Предотвращение выпадающего списка materializecss для закрытия при нажатии внутри него

Question

Я использую Materialize.css для текущего проекта, и у меня есть раскрывающийся список с некоторыми формами ввода внутри него.

Dropdown имеет возможность закрыть от:

• щелкать вне .dropdown-content
• мыши внутри .dropdown-content
• мыши на .dropdown-button

Что мне нужно, чтобы не закрывать когда щелкнув внутри него, потому что мне нужно иметь возможность заполнять формы ввода и другие действия s.

Вот простой example

Answer 1

Быстрое решение будет состоять в том, чтобы остановить трансляцию при нажатии на оболочку содержимого.

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

Я бы не использовал «выпадающий список» для данного конкретного прецедента. Но если вы хотите придерживаться его, просто примените фрагмент выше.

Answer 2

Вы можете использовать, например:

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

избежать событие, генерируемое входом first_name саморазмножения. Выпадающий не обнаружит его, поэтому он не будет закрыт.