从javascript触发的Bootstrap Dropdown切换不会始终保持打开状态

Question

JSFiddle 小提琴使用我网站上相同的代码按预期工作！复制并粘贴。

My site

要复制此问题，您必须完全执行这些步骤。转到页面的新鲜负载。滚动到底部，然后单击中间列中的“联系人”。现在，当您尝试选择form选项时，下拉菜单将关闭。为什么会这样？小提琴有完全相同的代码，JS和所有。在新负载下，切换按钮本身可以按预期工作。一旦引入“联系”链接，它就会中断。

这是我写的自定义脚本，滚动到顶部并打开下拉列表。

// Scroll To Top and Open Contact Form -->
$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});
$("a[href='#top']").click(function() {
  $('#nav-contact.dropdown-toggle').dropdown('toggle');
  return false;
}); 
<!--// End Contact Form Scripts -->

我真的不知道任何JS，但我正在努力学习将这个网站作为一个丰富的个人项目。任何解释都将不胜感激。

想法？

Answer 1

jsfiddle也适合我，但你实际上可以尝试这样，

$("a[href='#top']").click(function (e) {
    $("html, body").animate({
        scrollTop: 0
    }, "slow", function () {
        $('#nav-contact.dropdown-toggle').dropdown('toggle');
    });
    return false;
});

在回调中调用toggle。