我在下拉菜单中创建了一个智能搜索组件。应允许用户根据菜单中提供的 input=text 中输入的值在下拉列表中进行搜索。
但是当我单击输入时,菜单会关闭。 我也尝试过使用preventDefault,但它仍然不起作用。
HTML:
<input type="text" readonly="readonly" value="">
<button class="btn i dropdown-toggle" data-toggle="dropdown"> <i class="caret-down"></i>
</button>
<div class="dropdown-menu smart">
<input type="text" placeholder="Search">
<ul class="search-options">
<li><a href="#">Something</span></a>
</li>
</ul>
</div>
JS:
// jQuery to prevent default close
$('body').on('click', '.dropdown-menu.smart input', function (event) {
event.preventDefault();
});
最佳答案
编写以下代码,它应该保持下拉列表打开
$('.dropdown-menu').click(function(e) {
e.stopPropagation();
});
关于javascript - jQuery 阻止下拉菜单中的默认功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20144667/