Javascript Magentoでロードされても動作しません1.9

Question

Magentoに入ってきています。私は、メニューを追加し、それがないと、それはソースコードで確認したようJSとCSSファイルをロードしている Magentoの

http://s.codepen.io/WallyNally/debug/dWqGEp/yoMZEQWedYdk

ペン

で作業する必要があります。スタイルは正しく表示されます。ダブルチェックとして、JSファイルにはvar MyVariable = "Exists!";が含まれています。ライブ開発者ページのコンソールに行くと、「MyVariable」と入力するとその値が適切に返されます。スローまたは表示されるエラーはありません。

ただし、ホバーイベントは存在しません。つまり、2つのマウスイベントのトリガーです。ここで

は希望の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は= "存在します！";任意のMagentoの学者がゆがんで行ったのか分から

http://atlas3.netsos.com/

：ここ

はDEVサイト（リンクはその画像も同様に取り付けられており、永久的ではありません）のですか？

Answer 1

今私は2つの理由が考えられます： 最初に：カテゴリ項目が表示されないので、 "#categories a"セレクタが動作することを確認してください（IDカテゴリの要素にはリンクタグがありますか？ ）？ 2番目：JSスクリプト（いくつかのhtml要素でイベントをハングアップしようとした場合）は、このイベントを処理しなければならない要素がドキュメントに追加された後に実行する必要があります。 jQuery(document).ready(function() { // Here your JS code });