1

ここでデモされているように、Twitter Bootstrapの折りたたみナビゲーションメニューを使用しています：http ：//twitter.github.com/bootstrap/examples/starter-template.html

デスクトップのブラウザでブラウザウィンドウのサイズを変更してテストすると正常に動作しますが、モバイル（iPhone 4s）でテストしても何も発生しません。

上記のBootstrapのサンプルページは私の携帯電話で動作するので、両方を比較していて、何が原因で起動しないのか理解できません。

誰かが以前にこの問題に遭遇しましたか？

4

3 に答える 3

4

同じ問題に直面したことを覚えています。とにかく、これは私がしたことです。

ヘッドセクションに以下を入れてください。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

お役に立てれば。

于 2012-09-18T04:17:17.570 に答える
0

ブートストラップ コードをバージョン 2.3.0 に更新すると、モバイルが問題なく動作するようになりました。

于 2013-02-26T16:34:16.053 に答える
0

タブ付きナビゲーションでもまったく同じ問題がありました。

デスクトップでは問題なく動作しましたが、iphone/ipad に移動するとすぐに死にました。

#page-name を URL に表示するだけです。

しかし、私はトリックを逃しました - これを追加するのを忘れていました...

$('#myTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
})

Boom タブが iPhone/iPad で動作するようになりました

于 2013-04-01T16:06:49.623 に答える