1

jquery onclick イベントとハンドルバーの問題に直面しています。

水平方向のナビゲーション メニューを形成する ul、li、および span 要素を含むハンドルバー テンプレートがあります。スパンごとに定義されたクラスがあり、ホバーと選択用に書かれたcssクラスがあります。

ホバーは正常に動作しますが、スパン要素を選択すると、含まれている JS ファイルの 1 つに存在する onclick イベントにリダイレクトされません。

これは私のハンドルバーのテンプレートです。

var policyMenu = '<ul class="menu menuStyle"><li style="float:left;"><span class="mn selected" rel="environmental" title="Environmental policy" >Environmental</span></li><li style="float:left;"><span class="mn" rel="employee">Employee</span></li><li style="float:left;"><span class="mn" rel="customer">Customer</span></li><li style="float:left;"><span class="mn" rel="assets" >Assets</span></li></ul><br><br><br><div id="chart_container" style="min-width:39%;"></div>';

var policy_template = Handlebars.compile(policyMenu);

これは、含まれているjSファイル内にある私のJSコードです

alert($('ul.menu li span.mn'));
 $('ul.menu li span.mn').click(function(){
    alert("menu function");
    if ( $(this).hasClass('selected') )
        return;     
    $('ul.nav li span.mn').removeClass('selected');
    $(this).addClass("selected");

    selectedMenu = $(this).attr('rel');     
    alert(selectedMenu);
    //getResourceData(selectedSCA,'',0,0,0,0,0);
    displaySearchOptions();
});

onclick 内でアラートを印刷できません。

4

1 に答える 1