Javascript 在输入字段-Bootstrap3中单击时，菜单下拉列表中的表单不会保留

我有一个引导网站，我正在工作，它有非常典型的，直接从引导导航栏。导航栏菜单中的一个链接下拉到登录表单。但是，只要我在表单中单击，它就会像超链接一样向后折叠。我在一个测试环境中单独测试了它，所以我知道在我的代码中没有其他冲突的东西，正如您所看到的，它仍然不能正常工作

有人知道这里发生了什么吗？以及如何修复它

我需要添加一个JS钩子来传递show函数吗？像这样的事情不管用

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

$（文档）.ready（函数（）{
$（'.dropdown toggle'）.show（'click'）//我还尝试了“聚焦”
});

小提琴对我有效，但显然对其他人无效。因此，我制作了一个视频，向您展示fiddle和bootstrap的实现，因为他们在自己的网站上有它（当然，这对他们是有效的）

---

啊！我找到了！好吧，不管怎样，这是为将来可能有这个问题的任何人准备的，我可以看到有很多人已经在问这个问题，还有很多人在使用Bootstrap

在底部添加以下内容：

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

$（文档）。在（'单击'，'上。下拉菜单'，函数（e）{
e、 停止传播（）
})

---

确保课程匹配，你就可以上路了

你的小提琴不适合我，对不起。不知道为什么你看不到它，但不管怎样，我制作了一个显示小提琴的视频。我重新编辑了我的问题