午前中ずっとこれを修正しようとしたので、できれば助けてください。
私はこのコードを持っています:
$(document).bind('pageinit', function(){
var menuOpen;
// Menu
$('#menu-trigger').on('click', function(e){
e.preventDefault();
alert('click!');
if(menuOpen != true) {
$('.ui-page-active').animate({
'margin-left': '390px'
}, 300, function(){
menuOpen = true
});
return false;
} else {
$('.ui-page-active').animate({'margin-left': 0}, 300, function(){menuOpen = false});
return false;
}
});
});
私の問題は、「クリック!」アラートが表示されないことです。の付いた要素をクリックしてもid
#menu-trigger
、何も起こりません。
できることはすべて試しましたが、まだ結果は出ていません。
私のコードはscript
、jQuery Mobile スクリプト インクルードのすぐ下のタグ内にあります。
PS: HTML コード フラグメントは次のとおりです。
<header data-role="header" class="with-logo">
<a href="#" id="#menu-trigger" data-role="button" class="ui-btn-left"><img src="images/menu-trigger-icon.png"></a>
<h1><img src="images/logo.png"></h1>
</header><!-- /header -->