jquery - Bootstrap タブ: ios chrome での奇妙な動作

Question

iOS Chrome ブラウザーで、ブートストラップ タブ プラグインの非常に奇妙な動作に気付きました。タブを1回クリックすると、クロムに読み込みバー（アドレスフィールドの下の青い線）が表示され、他のタブをクリックすると、バーが非表示になります。もう一度タブをクリックすると、バーが表示されます。添付ファイルを参照してください。すべてのタブには、ajax で読み込まれたコンテンツがありません。最新バージョン。

誰かが同じ問題を抱えていたのでしょうか？

ありがとうございました

Answer 1

これをドキュメント内に追加することで、リンクのデフォルトの動作を防ぐことができます。

$('ul.classOfUlTab li a').click(function(e) {
    e.preventDefault();
});

これは、#nnn(現在のタブの id) が URL にプッシュされる (したがって、アドレス バーが再び表示される) ことを防ぐため、機能します。

私が今考えている唯一の欠点は#nnn、URLが更新されないことです。ページを更新したときにタブが適切なタブをロードしたかどうかを思い出せませんが、ロードした場合は、その機能が失われます (ブラウザの「戻る」で前のタブに移動できます)。