gpt4 book ai didi

javascript - Bootstrap 下拉菜单在点击时关闭

转载 作者:IT王子 更新时间:2023-10-29 02:48:29 31 4
gpt4 key购买 nike

我将一个表单放在 Bootstrap 下拉列表中,但是当我单击表单中的任何字段时,下拉列表就会消失。我有这段代码,但我不知道将它放在哪里以防止下拉菜单消失。

$(function test() {
// Setup drop down menu
$('.dropdown-toggle').dropdown();

// Fix input element click problem
$('.dropdown input, .dropdown label').click(function(e) {
e.stopPropagation();
});
});

谁能告诉我应该把它放在哪里?我在 bootstrap-dropdown 中尝试过,我在 HTML 中尝试过,但它仍然不起作用。

最佳答案

你可以省略所有的下拉菜单调用, Bootstrap 下拉菜单没有它也能工作。确保正确包装脚本,您可以将其包含在页面的页眉或正文中,但我个人更喜欢将其放在页面正文中。

JS

<script type="text/javascript">
$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
e.stopPropagation();
});
</script>

关于javascript - Bootstrap 下拉菜单在点击时关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10863821/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com