1

ベネズエラ出身で、英語が下手で申し訳ありません。私の質問は次のとおりです。jqueryでアニメーション化するヘッダーメニューを使用してjqueryモバイルアプリケーションを開発しています。プロジェクトは、多くの「ページ」コンテナを含む単一ページのHTMLドキュメントであり、最初の読み込みでは正常に動作しますが、$.mobile.changePage()でページを変更するとメニューの動作が間違っています。

ヘッダーhtml

<div data-role="header" data-position="fixed" style="text-align:center;">
   <div id="navigation">
      <div class="home" style="height:100%">
         <div class="cls" style="height:100%;"></div>
         <div class="cls2" style="height:100%;"></div>
         <div class="cls3" style="height:100%;"></div>
         <div class="cls4" style="height:100%;"></div>
         <div class="cnf" style="height:100%;"></div>
      </div>
   </div>
    <h1 id="title" style="padding:4px;"></h1>

   <div id="navigation2">
      <div class="home2" style="height:100%">
         <div class="home2" style="height:100%">
            <div class="img" style="height:95%;"></div>
            <div class="cls" style="height:95%;"></div>
            <div class="cls2" style="height:95%;"></div>
            <div class="cls3" style="height:95%;"></div>
            <div class="cls4" style="height:90%;"></div>
         </div>
      </div>
   </div>
</div>

JavaScript

 $('div.cnf').bind('click',function(e) {
    e.preventDefault();
    if (click === null) {          
        $('div.home').stop(true, true).animate({
            'marginLeft' : '+=80%'
        }, 1000);
        click = 1;

    }else{            
        $('div.home').stop(true, true).animate({
            'marginLeft' : '-=80%'
        }, 1000);
        resetmenu();
    }

});

$('div.home2').toggle(function(e) {
    e.preventDefault();
    $(this).stop(true, true).animate({
        'marginLeft' : '-=80%'
    }, 1000);

}, function() {       
    $(this).stop(true, true).animate({
       'marginLeft' : '+=80%' 
    }, 1000);

});
4

1 に答える 1

1

$.mobile.changePage() を使用するときは、実際にそのページに「変更」しているのではなく、head タグ内のスクリプトを処理していないことを理解してください。JQM では、changePage() を使用すると、JQM は、指定されたファイルの最初のdata-role="page"から始まるすべての HTML を取得します (head セクションをバイパスします)。

本当に良いリンク: Jquery Mobile - $.mobile.changepage not loading external .JS files

それが役立つことを願っています

〜赤

于 2013-01-12T00:49:52.480 に答える