在单击内部时阻止materializecss下拉关闭

Question

我正在使用Materialise.css作为当前项目,我在其中有一些输入表单的下拉列表.

下拉选项可以关闭:

• 点击外面 .dropdown-content
• 点击里面 .dropdown-content
• 点击 .dropdown-button

我需要的是在点击它内部时不要关闭,因为我需要能够填写输入表格和其他动作.

这是一个简单的例子

Answer 1

快速解决方案是在点击内容包装器时停止传播.

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

对于这个特殊的用例,我会避免使用"下拉列表".但如果您想坚持下去,只需应用上面的代码段即可.