1

モバイル サイトに JQueryMobile を使用しています。「共有」ボタンを押すと表示/非表示になる固定フッターがあります。その後、スクロールを開始すると消えます。コメント欄もできました。

エラーを再現するには: [削除済み] (モバイル デバイスまたは SIM を使用)

  • 下にスクロールして、最初のコメント ボタン (吹き出し + '3') をクリックします。
  • テキストエリアをクリック
  • 「完了」をクリックしてフォーカスを外します
  • 最初のコメント ボタンの右側にある [共有] をクリックします。

フッターが一時的に表示された後、ページの下部にドロップされます。テキストエリアにフォーカスしたまま「共有」をクリックすると、フッターがまったく表示されません。

ページが読み込まれたらすぐに [共有] ボタンをクリックするだけで、私がやりたいことを再現できます。

そこで何が起こっているのか、どうすれば修正できますか? テキストのフォーカスを外してさまざまなことを試みましたが、何も機能しません。

4

2 に答える 2

1

このコードが私のアプリ (jquery mobile 1.3.1) でこの問題を解決しない理由がわかりません。しかし、私はこのバグの解決策を見つけました。あなたの問題を解決するのに役立つことを願っています

$('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();
        });
});
于 2014-02-11T12:16:58.137 に答える
0

フォーカス時にフッターを非表示にしないことで、これを修正しました。これは完全な解決策ではありません。JQuery のバグである可能性があります。

$("[data-role=footer]").fixedtoolbar({ hideDuringFocus: "input, select" });
于 2013-04-26T03:53:14.967 に答える