jQueryMobileのためのメニューボタンを作る際のヘルプ
-
26-09-2019 - |
質問
jQueryとjquerymobileに新しいます。
私がやりたいすべては、メインメニューを非表示にして、ナビゲーションバーの一番上に「メニュー」ボタンを作成します。ユーザーがクリックは、このボタンを「トップメニュー」が表示されますをポップアップするときます。
私はだまさとmobile.cssに私は、ディスプレイに「トップメニュー」を回し:どれも、最初はそれを隠していないために、
。編集
ガットそれに近いが、完璧ではありません。今メニューをクリックの上(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.
});
});
});
解決
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のコンテンツを作成する場合はNO jqueryのモバイル固有のものが適用されます。あなたがそれを行う場合は、新しいコンテンツに.page()
を呼び出す必要があります。それはまだ仕事をしない理由です。
イベントセクションドキュメント&デモでavaliableある http://jquerymobile.com/demos/1.0a2/ちょうどevents
をクリックする必要があります。
最後に - 携帯電話にはポップアップはありません。ダイアログをメンター場合JQMのドキュメントでダイアログを見てみます。
jQueryがJavaScriptに全く異なるアプローチがいたとjQueryモバイルはまた、新しいアイデアです。あなたがjqmとそれがためだのアイデアを得るまで、あなたの直感とjQueryの経験は、いくつかの時間のために役に立たないままになります。
あなたがプログレッシブ・エンハンスメントのビットを読めば、これは迅速に起こるかもしれません。
幸運ます。