Javascript在Magento 1.9中加载但不工作

Javascript在Magento 1.9中加载但不工作,javascript,magento,Javascript,Magento,刚刚进入Magento。我已经添加了一个菜单,需要它的工作,因为它在笔 Magento正在加载源代码中确认的JS和CSS文件。样式显示正确。作为双重检查,我在JS文件中包含了var MyVariable=“Exists!”。转到live dev页面中的控制台,我可以键入“MyVariable”,并正确返回其值。没有抛出或显示错误 但是,悬停事件不存在。即两个mouseenter事件触发器 以下是所需javascript的工作摘录: jQuery("#categories a").mouseen

刚刚进入Magento。我已经添加了一个菜单,需要它的工作,因为它在笔

Magento正在加载源代码中确认的JS和CSS文件。样式显示正确。作为双重检查,我在JS文件中包含了
var MyVariable=“Exists!”。转到live dev页面中的控制台,我可以键入“MyVariable”,并正确返回其值。没有抛出或显示错误

但是,悬停事件不存在。即两个mouseenter事件触发器

以下是所需javascript的工作摘录:

jQuery("#categories a").mouseenter(function() {
    let subcateg = "sub-" + jQuery(this).attr("id");
    let active = jQuery(".subcateg-active");
    let current = jQuery("#" + subcateg);

    if (active.length == 1) {
        jQuery(active).toggleClass("subcateg-active").fadeOut(150, function(){
             jQuery(current).toggleClass("subcateg-active").fadeIn(180);
        });
    } else if (active.length == 0){
        jQuery(current).toggleClass("subcateg-active").fadeIn(180);
    }

    if (active.length > 1) {
        jQuery(active).css("display", "none").removeClass("option-active");
        jQuery(current).toggleClass("subcateg-active").fadeIn(120);
    }
});
var MyVariable=“存在!”

这是开发人员的网站(链接不是永久性的,因此还附加了一个图像):


有谁知道什么地方出了差错

现在我认为有两个原因:

  • 第一:我看不到任何类别项目,所以,您确定“#categories a”选择器工作(带有ID categories的元素包含一些链接标记)吗

  • 第二:JS脚本,您试图在一些html元素上挂起事件,应该在必须挂起事件的元素被添加到文档后执行。所以,在加载文档后尝试执行脚本

例如:

jQuery( document ).ready(function() {
    // Here your JS code
});