菜单下拉列表中的表单在输入字段中单击时不会停留 - Bootstrap 3

Question

我正在使用自举网站，它非常典型，直接来自bootstrap导航栏。导航栏菜单中的一个链接将下拉到登录表单。但是，只要我在表单内部单击，它就会折叠回来，就像它是一个超链接一样。我在FIDDLE中单独测试了它，所以我知道在我的代码中并没有其他冲突，因为你可以说它仍然无法正常工作。

有谁知道这里发生了什么？以及如何解决它。

我是否需要添加一个传递show函数的JS钩子？这样的东西不起作用

<script>        
    $(document).ready(function () {
        $('.dropdown-toggle').show('click') //I also tried 'focus'
    });
</script>

小提琴适合我，但显然不适合其他人。因此，我创建了一个视频，向您展示小提琴和引导程序实现，因为它们在自己的网站中有它（当然它适用于它们）

SEE VIDEO HERE

Answer 1

AH！我找到了！好吧，无论如何，这里适用于将来可能遇到此问题的任何人，我可以看到有很多人已经在问这个问题，很多人都在使用Bootstrap。

在底部添加以下内容：

<script>
    $(document).on('click', '.dropdown-menu', function (e) {
        e.stopPropagation()
    })
</script>

确保课程匹配，您就在路上！