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

Question

JSFiddle fiddle 使用我网站上的完全相同的代码按预期工作!复制并粘贴。

My site

要重现此问题，您必须准确执行这些步骤。转到页面的新加载。滚动到底部，然后单击中间栏中的“联系方式”。现在，当您尝试选择 form 选项时，下拉菜单会关闭。为什么会这样？ fiddle 有完全相同的代码，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。