导航栏在点击时不起作用

Question

我有一个正在为客户开发的网站。 他们支付 55 美元购买的主题（这在 imo 上不值 55 美元）被设置为单页网站。然而，客户想要一些其他的东西，比如 woocomerce 和网站内置的自定义社交竞赛应用程序。 当我离开主页时，导航按钮根本不起作用。我已经检查了所有的 CSS 以确保没有任何干扰，我找不到任何问题，除了指针事件设置为无，我将其更改为自动，但没有任何区别。 这是页面，所以你们都可以查看 http://www.meatfella。 com/竞赛页面/ 我不知道在哪里找，除了可能开始通过 JS 挖掘，找到它。 解决方案或变通方法都会很棒。

网站建立在 wordpress 上，导航栏在外观上与自定义菜单无关，所有这些都被关闭了。导航在主页上运行良好。

Answer 1

首先要记住你使用了太多的 JS 文件。而且wordpress也有不同的插件。你必须使用 jQuery.noConflict() 文档在这里。 https://api.jquery.com/jQuery.noConflict/

我无法在您页面的任何位置找到此内容。任何具有“故事”类的东西都不存在。

      $(".contentsection.story").offset();

这一行导致 js 出现错误和中断。

您已阻止默认调用这些锚点。通过这个函数。

      $('#nav a, .arrow a, .anchor, .featurecaption .button').click(function(event){
        event.preventDefault();
        $('html, body').stop().animate({
            scrollTop: $( $(this).attr('href') ).offset().top - 100
        }, 1000, "easeInOutCirc");
        return false;
      });

现在正在调用它，因此您的锚标签不起作用和滚动。也行。 $( $(this).attr('href') ).offset().top 让我有点困惑。 在编写服装函数之前尝试使用 jQuery.noConflict()。