jQuery 菜单在服务器上不工作但在本地主机上工作正常

Question

在 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 未执行。

任何建议都会有所帮助。

Answer 1

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

Answer 2

您的网页有一些 JavaScript 与以下代码有关的错误：

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

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

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

jQuery 菜单在服务器上不工作但在本地主机上工作正常

jQuery menu not working on server but working properly on localhost

javascript

jquery

mmenu