jQuery Mobileの固定フッターを修正する方法は？ jQueryMobileを使用して

Question

は、私は、マークアップでdata-role="footer" data-position="fixed"を含めましたが、2つのバグが持続：nullのクリックイベントに

• フッタートグルを。
• フッターが固定されていないため、一部のページコンテンツが非表示になっています。

私はiPhone 3gでテストしています。何か案は？

ありがとうございます。

UPDATE：クリックイベントが、現在のページのフッターを変更し、ui-fixed-inlineにui-fixed-overlayを変更し、もちろん登場するから他のページフッターを防ぐためにdisplay:noneをスタイル設定されているようです。

どうすればこの変更を防止できますか？

Answer 1

1.1以降を使用している場合は、documented hereとして、あなたのヘッダとフッタにdata-tap-toggle="false"を追加します。

あなたはjQueryのモバイルのバージョンを使用している場合は前1.1に、jQueryのモバイルをロードする前に、次を配置：

$(document).bind("mobileinit", function(){ 
    $.mobile.touchOverflowEnabled = true; 
}); // remove 

Answer 2

私はスクロールでも固定されていないフッターで同様の問題を抱えています。私のおすすめ？ Senchaで、jQueryMobileではなく、バグがあり、プロダクションの準備ができていません。

フッターは、URL /＃pageのURLから選択したページを強調表示します。私のケースでは、フッターのフッタメニューに影響します。 =フッタセクションに「固定」jquery.mobile-1.0a4データ位置を加えて

Answer 3

のiPhoneに所望のように働いているが、AndroidとChromeの

Answer 4

我々は、この問題を抱えていたとiScrollの組み合わせを使用する（V3 ）とiScroll用の素敵なjqueryモバイルラッパーです。それは完全に動作します。ここですべての詳細を参照してください。

http://yappo.github.com/projects/jquery.mobile.iscroll/livedemo.html

Answer 5

現在の「答え」は少し見当違いかもしれません。 touchOverflowを使用すると短期間で手助けをすることができますが、間もなく削除されます。誰もがjQueryのモバイルblogを読むとしたら、彼らはこの宣伝文句は、1月10日に掲載気付くだろう：アップ

ヘッズ：touchOverflowは1.1で廃止されるために - 私たちは最初 touchOverflow機能を導入したとき、我々はとしてそれを見ました への良い方法は、その時点でかなり狭い デバイスのセットであっても、iOSのネイティブオーバーフローサポートを活用して、真の固定 ツールバーとスムーズな移行をもたらすことです。固定された ヘッダーの大幅な変更と1.1への移行が予定されているので、 はtouchOverflowとほとんど同じ方法で改善されます。 はさらに多くのプラットフォームで動作します。この機能を終了します。 1.1では廃止され、 では1.2で削除されます。内部スクロールを使用してオーバーフロー領域を処理するための今後の計画がありますので、touchOverflow で行った多くの作業が再利用されます。

これを回答として投稿してもお詫び申し上げますが、私はこの時点でコメントすることができません。

Answer 6

これはjQueryMobile 1.1 rc1で修正されています。 hereを参照してください。

フッターにdata-tap-toggle = "false"を使用してください。

Answer 7

私は非常にシンプルなことをしました。CSSを使用した解決策はコンテンツの適切な「最小高さ」を設定しました。ページの内容にフッタがジャンプします。

Answer 8

私はjquery mobile 1.3.1を使用しています。これまで述べたことはすべて自分のアプリでは動作しません。しかし、私はこのバグのための解決策を持っています。私の他の記事をチェックJQueryMobile - fixed footer not fixed after input focus

$('div:jqmData(role="page")').on('pageinit',function(){ 
    $(document) 
     .on('focus','input, select, textarea', function(){ 
      $('[data-role="footer"][data-position="fixed"]').hide(); 
     }) 
     .on('blur','input, select, textarea',function(){ 
      $('[data-role="footer"][data-position="fixed"]').show(); 
     }); 
}); 

Answer 9

再：フッターが固定され、ページのコンテンツの一部を隠していません。

私もこの問題で苦労しました。 End Contentのdivタグをフッターの先頭より前に移動しなければならないことが判明しました。フッタがcontent divタグの内側にあり、>>> data-position = "fixed"を有効にした場合< < <、フッターが固定されていません。

あなたの他の問題についてはわかりません。私のアプリでそれを再作成する方法がわからないので、「フッターはヌルクリックイベントをトグルします。

... USING

• jQueryのモバイル1.3.2
• コルドバ
• フッターナビゲーションバーとその内部の広告バナーを持っています。