0

ドロップダウンの twitter ブートストラップのドキュメントを読んで、ドロップダウン トグルの URL をそのままにしておくことができると書かれていることがわかりました。私はこれを達成しようとしましたが、うまくいきませんでした。代わりに、ドロップダウンメニューを切り替えるだけで、本来のパスではありません。私は何が欠けていますか？これが私のコードの例です。

<li class="dropdown">
  <a class="dropdown-toggle" id="dPublisher" data-toggle="dropdown" role="button" data-target="#" href="publisher.php">PUBLISHER<b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu" aria-labelledbyid="dPublisher">
        <li><a href="eeditions.php">E-Editions</a></li>
    <li><a href="digitalarchive.php">Digital Archive</a></li>
    </ul>
</li>
<li><a href="blog.php">BLOG</a></li>

この例では、PUBLISHER はドロップダウン トリガーとリンクであると想定されていますが、BLOG は単なるリンクです。ドロップダウン メニューは機能し、内部のすべてのリンクは機能しますが、ドキュメントに記載されているように URL をそのまま維持することはできません。ドキュメントを理解していませんか？

どんな助けでも大歓迎です！

4

1 に答える 1

0

前述のように onClick イベントを使用できますが、モバイル ビューでは無効にする必要があります。たとえば、Bootstrap navBar を使用している場合、「.clickable-dropdown」クラスをトグル トリガーに追加した後、次の操作を実行できます。

                $(document).ready(function(){
                    $(window).resize(function(){
                        if($(window).width() >= 920){
                            $('.clickable-dropdown').on('click', function(){
                                window.location.href=$(this).attr('href');
                            });
                        }else{
                            $('.clickable-dropdown').on('click', function(){
                                return false;
                            })
                        }
                    }).resize();
                });

これにより、モバイル デバイスでタッチ イベントを使用してドロップダウンを機能させることができ、クリックの通常の機能をキャプチャできなくなります。残念ながら、これは Bootstrap のドロップダウン スクリプトの制限のようです。より良い機能が必要な場合は、他の多くの CSS または jQuery ベースのドロップダウン メニューのいずれかを使用することをお勧めします。

于 2015-01-26T04:02:58.887 に答える