javascript - Navgoco 不是影响密码保护页面的功能

Question

对于初学者来说，我的背景是 html 和少量 css 编码。我受命管理和调整第三方构建的网站的布局。这是一个自定义主题，我遇到了一个超出我知识深度的问题，经过两天的研究，我还没有更接近解决这个问题。

此页面上的问题示例:http://nast.org/affiliates/sdmn/sdmn-calendar/

问题是，当 WordPress 中的页面受密码保护时，无法在出现的“输入密码”文本框中输入内容。可以粘贴文本，但不能直接输入。我更改了主题，并且文本框工作正常。我已经禁用了所有附加组件并一一重新启用，但没有一个解决了问题。然而，当禁用高级自定义字段插件时，文本框会完全消失。

当我检查元素时，出现 JS 错误:UncaughtType Error... Navgoco is not a function。该插件尚未安装，所以我认为这是早期版本的剩余代码。我安装了 navgoco 插件，希望它能够自行纠正，但事实并非如此。

// Initialize navgoco with default options
 $(".main-menu").navgoco({
     caret: '<span class="caret"></span>',
     accordion: false,
     openClass: 'open',
     save: true,
     cookie: {
         name: 'navgoco',
         expires: false,
         path: '/'
     },
     slide: {
         duration: 300,
         easing: 'swing'
     }
 });

我见过的其他密码字段问题似乎是由于functions.php 中的错误造成的。我的functions.php 中没有任何与密码相关的内容，所以我不知道我是否遗漏了某些内容。

Tl;Dr - 密码框无法输入，只能粘贴文本。问题似乎源于以下任一原因:

• 高级自定义字段插件，这是出现密码文本框的先决条件。
• JavaScript 错误。
• functions.php 中缺少代码

抱歉，文字墙太多了，但我有点不知所措，任何帮助将不胜感激。谢谢!

Answer 1

您的插件无法工作的原因是您加载了 jQuery 两次。第二个位于插件链接之后，并覆盖第一个 jQuery，并且您的函数未在新的 $ 上定义。

注释掉第二个 jquery 引用(第 115 行):

<!--<script type="text/javascript" src="http://nast.org/wp-content/themes/nast/assets/js/jquery.js"></script>-->

您的另一个问题，即奇怪地禁用密码输入，可能根本不相关。它来自第 68 行(不确定这是什么，bootstrap 在版本 3 中仍然正确吗？)，该评论已修复:

 <!--<script type='text/javascript' src='http://nast.org/wp-content/themes/nast/dist/js/bootstrap.min.js?ver=4.4.2'></script>-->