0

これは私が取り組んでいるウェブサイトです。

http://ankursinha.net/TestSite/index.php

ちゃんと積み上げているし、反応もいいし、以下以外は問題なし。

携帯電話またはタブレットからこのサイトにアクセスすると、ナビゲーション バーに 3 行が表示されます。それをクリックすると、すべてのリンクが表示されます。[ログイン] をクリックすると、ドロップ ダウンして [教職員のログイン] と [学生のログイン] が表示されます。 、しかし、これらのいずれかをクリックすると、ドロップダウンが切り替わり、閉じます。

私はこれが原因で起こっていることを知っています:

data-toggle="collapse" data-target=".nav-collapse"

しかし、これを修正して、スマートフォンやタブレットでサイトをナビゲートするための適切なリンクのようにするにはどうすればよいでしょうか? すべてのブラウザで同じ問題が発生しました。

Responsinator に確認したところ、同じ問題が発生しています。

ありがとうございました

4

1 に答える 1

4

このコードをbootstrap-dropdown.js (スクリプトの最後) に追加 (置換) することで修正されました。

$(function () {
  $('html').on('click.dropdown.data-api', clearMenus)
  $('body').on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
           .on('click.dropdown.data-api touchstart.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
           .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
 })

基本的に、ドロップダウンのタッチ イベントが次の要素 (HTML タグであり、clearMenus 関数を持つ) へのバブリングを停止します。

于 2013-01-08T13:23:25.377 に答える