【问题标题】:jQuery menu not working on server but working properly on localhostjQuery 菜单在服务器上不起作用,但在本地主机上正常工作
【发布时间】:2017-12-23 06:59:33
【问题描述】:

https://harissonsbags.com jquery 菜单中不起作用,但相同的代码在本地主机上正常工作。

这是代码片段。

jQuery(document).ready(function( $ ) {
    $("#mobile-menu").mmenu({
        classes: 'mm-light'
    }, {
        selectedClass: "active",
    });
});

我在网站的 javascript 控制台上运行了这段代码。

jQuery("#mobile-menu").mmenu({
        classes: 'mm-light'
    }, {
        selectedClass: "active",
    });

然后菜单手风琴正在工作。页面加载时 javascript 未执行。

任何建议都会有所帮助。

【问题讨论】:

  • 控制台能告诉你什么吗?
  • 在控制台中执行脚本时显示此消息。 [违规] 向阻止滚动的“touchstart”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”以使页面更具响应性。
  • 我看到了错误 Cannot set property 'onkeyup' of nullCannot set property 'onkeydown' of null,把代码贴在你调用它们的地方
  • 是的,这就是问题所在。由于下面的错误 javascript 没有执行。

标签: javascript jquery mmenu


【解决方案1】:

您的页面存在一些与以下代码相关的 JavaScript 错误:

var el = document.getElementById("zipcode");

el.onkeyup = function(evt) {
    var fieldValue = el.value;
    if(fieldValue.length == 6) {
        codeAddress(fieldValue);
    }
};

修复此问题应该修复您的菜单,因为此代码不在文档就绪标记中,它首先运行并导致所有其他 JavaScript 不执行。

【讨论】:

    【解决方案2】:

    您可能需要在所有其他插件之前加载 jquery 库

    【讨论】:

      猜你喜欢
      • 2015-08-28
      • 2018-03-07
      • 1970-01-01
      • 2023-03-06
      • 1970-01-01
      • 2021-11-01
      • 2014-12-05
      • 1970-01-01
      • 2015-06-19
      相关资源
      最近更新 更多