2010-11-21 14 views
1

jqueryとjquerymobileの新機能。jQueryMobileのメニューボタン作成に関するヘルプ

私がしたいのは、メインメニューを非表示にして、トップナビゲーションバーに「メニュー」ボタンを作成することです。ユーザーがこのボタンをクリックすると、「トップメニュー」とポップアップが表示されます。

私は不正行為をしました。私はmobile.cssで「トップメニュー」を表示するようにしました。最初は非表示にしました。

EDIT

は近いそれを得たが、完璧ではありません。 Now onメニュー(onTouchまたはonTapを検索しましたが、API情報を見つけることができませんでした)のメニューが表示されます。ポップアップウィンドウに表示される代わりにポップアップウィンドウが表示される方法はありますか?

また、何らかの理由でデータのテーマやアイコンが表示されません。

$(document).ready(function(){ 
    $('#header').append('<div data-role="navbar"><ul><li class="mainMenu"><a href="#" data-iconpos="top" data-icon="grid" data-theme="b">Menu</a></li><li><a href="#">facebook</a></li><li><a href="#">Twitter</a></li></ul></div>'); 
    $('.mainMenu').click(function() { 
     $('#top-menu').toggle('fast', function() { 
     // Animation complete. 
     }); 
    }); 
}); 

答えて

3

JQM CSSは、手動でDOMに追加するものには適用されません。あなたはその項目に.page()に電話しなければなりません。詳細について

http://jquerymobiledictionary.dyndns.org/faq.htmlを参照してください - DOMについての質問は

を追加[編集]

これはそれをハッキングよりも良いかもしれません:http://jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fullscreen.html

[あなたの編集への応答として、まず

すべてのうち - それが必要でないもののためにjavascriptを使用しないようにしてください。あなたがそれを必要としない場合、なぜヘッダーをjavascriptで埋めるのですか?そこに変数を使用していませんでした。

2番目のこと - 私のチュートリアルを読んでいない。ドキュメントの準備が整った後に新しいDOMコンテンツを作成すると、jqueryモバイル固有のものは適用されません。それを行う場合は、.page()に新しいコンテンツを呼び出す必要があります。だからそれはまだ動作しません。

イベントは&のデモセクションhttp://jquerymobile.com/demos/1.0a2/でご利用いただけます。eventsをクリックしてください。

最後に、携帯電話にポップアップはありません。ダイアログを表示する場合は、JQMドキュメントのダイアログを参照してください。

Jqueryはjavascriptとjquery mobileの全く異なるアプローチでもあり、新しいアイデアです。あなたの直感とjqueryの経験は、あなたがjqmのアイデアを得るまで、そしてそれが何のためになるまで、しばらくは役に立たないでしょう。

これは、プログレッシブエンハンスメントで少し読んだほうが速く発生する可能性があります。

幸運。

関連する問題