0

JQMサイトのヘッダーにあるボタンでリストを切り替えたい。

このコードは、ページが最初に読み込まれたときにのみ機能します。別のページをロードすると、トグル機能は無視されます（ただし、アラートを入力すると、機能するようです）。

data-role="page"要素内にスクリプトを含めました。

$(document).bind('pageinit', function (){
    $("#trigger-menu").toggle(function(e) {
          $("ul#menu-list").show();
          //change icon here
          e.preventDefault();
    }, function(e) {
          $("ul#menu-list").hide();
          //change icon here
          e.preventDefault();
    });
});

'pageinit'は、このインスタンスで使用する適切なイベントですか？JQM1.2.0を使用しています

4

1 に答える 1

0

説明した動作は、ページごとに1回だけ発生するpageinitイベントで予想される動作です。

アニメーションが完了した後、ページ遷移ごとにリストを切り替えたい場合は、pageshowイベントを使用することをお勧めします。

$('div').live('pageshow', function(event, ui) {
    alert('This page was just hidden: '+ ui.prevPage);
});

詳細については、こちらのjQueryモバイルイベントのドキュメントをご覧ください。

于 2012-10-17T00:22:49.757 に答える