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

Question

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

我的网站

要复制此问题，您必须完全执行这些步骤。转到新加载的页面。滚动到底部，然后单击中间栏中的“联系方式”。现在，当您尝试选择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在回调中调用。