我使用 twitter bootstrap 作为我的网站框架。我也在使用 jQuery。
在我的主导航栏中,我有一个包含搜索框的引导下拉菜单。搜索框有一个完美运行的 jQuery 自动完成功能。
然而,我的问题是,当用户单击自动完成列表中的一项时,引导下拉菜单会关闭,从而阻止用户单击“搜索”按钮,直到他们重新打开下拉菜单(搜索查询仍然存在)。
显然这让我的用户很恼火......
从自动完成列表中进行选择时,是否有一种简单的方法可以防止下拉菜单关闭?这是由于两个框架之间的冲突吗?
提前致谢。
戈登
更新:
用下面的代码解决了这个问题:
<script type="text/javascript">
$(document).ready(function () {
$('body').find('.ui-autocomplete').click(function (e) {
e.stopPropagation();
});
});
</script>
这会在单击时停止 ui-autocomplete 下拉元素上的传播,并使引导下拉菜单保持打开状态以允许用户单击搜索按钮。
感谢isherwood的指针