2011-12-08 11 views
0

ウェブページのモバイル版を作成しようとしています。私の問題は、jQueryのモバイルリンクリストを使用するためにアコーディオンメニューを操作する必要があることです。これを行うには、私はjqueryの元でメニューを操作:

$(document).ready(function() { 
    $('#globalMenu').attr("data-role", "listview"); 
    .. .. . . .. 
}); 

私はjqueryのモバイルリストに移動し、スクリプトが実行されていないリンクのいずれかを押すと、それは私がページを初めてロードする場合素晴らしい作品、しかし、しかし、もし私がページ(f5)をリフレッシュすればそれは機能します!私は、ドキュメントの準備の代わりにinitを使用する必要があることを読んだが、私はそれが動作するように管理することはできません。

ページdivを仮定すると、いくつかの例

jQueryMobile event page

+0

'$(ドキュメント).ready() 'ページが読み込まれたときにのみ実行されます - あなたのコードを実行する場合はどこにありますか他のイベントにアタッチする必要がある場所。このコードを実行する場所へのポインタを他のコードに含めてください。 – ManseUK

+0

あなたはこれのように私を迎えます $( '#globalmenu')。makeMyDay(); ?? ページが読み込まれるたびに実行されるイベントはありませんか?私は試しました $( '#globalmenu')live( 'pagecreate'、function(event){ console.log( "make my day"); }); 運が無ければ – Plexus81

答えて

0

を入力してください、このようなものです:

<div id="my-page" data-role="page"> 

はして試してみてください。

$('#my-page').live('pageinit', function(event){ 
    $('#globalMenu').attr("data-role", "listview"); 
}); 
+0

私は同じ解決策を見つけ、それは動作します!ありがとう – Plexus81

+1

私は、[documentation](http://jquerymobile.com/demos/1.0a4.1/docs/api/)に書かれているように、.jrm()メソッドの代わりに.jqmData methods.html) – Leon

関連する問題