jQuery阻止下拉菜单中的默认功能
jQuery prevent default functionality in dropdown menu
我在下拉菜单中创建了一个智能搜索组件。应允许用户根据在输入=菜单中提供的文本中输入的值在下拉列表中进行搜索。
但当我点击输入时,菜单就会关闭。我也尝试过使用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();
});
相关文章:
- 提供“;onClick"适用于iPad(触摸屏)和桌面用户的默认功能
- 如何在应用切换点击功能之前,默认情况下在页面加载时隐藏带有特定类的ul-li
- 防止两个默认功能发生,并同时触发第三个事件
- 将事件处理程序放在HTML按钮上,而不覆盖其默认功能
- 默认浏览器's的拖放功能
- jQuery阻止下拉菜单中的默认功能
- iScroll 4 – 恢复默认/本机缩放功能
- 如何在元素的默认行为之后运行单击功能
- 使用 jQuery 覆盖默认的 JavaScript 功能
- ES6导出默认功能
- 如何防止 JQuery 中的默认选项卡切换功能
- 预防默认功能:什么是真正的效用
- 使用 jQuery 禁止默认下拉功能
- 在自定义点击功能之前执行默认事件
- CSS缩小Magento的默认功能不起作用
- 更改对象的默认功能
- Fullcalendar:禁用默认日期单击功能
- 骨干网默认错误获取功能
- 防止默认在功能中不起作用
- 如何停止onbeforeunload的默认行为和做我自己的功能