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

Question

我正在使用Materialize.css作为当前项目，我在其中包含一些输入表单的下拉列表。

下拉选项可以关闭：

• 点击.dropdown-content
以外的地方
• 点击.dropdown-content
• 点击.dropdown-button

我需要的是在不要关闭时点击其内部，因为我需要能够填写输入表单和其他操作。

这是简单的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生成的事件传播。下拉列表不会检测到它，因此不会关闭。