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 内でアラートを印刷できません。