javascript - 导航栏无法点击

Question

我有一个正在为客户开发的网站。他们支付 55 美元的主题(这在我看来不值 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 出现错误和中断。

您已防止默认被调用到这些 anchor 。通过这个函数。

      $('#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;
      });

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