0

Twitter Bootsrap のナビゲーション ドロップダウンが操作を終了したときに、JS を使用して CSS を調整したいと考えています。（つまり、完全に下げたとき、完全に上げたとき、またはサブメニュー操作の1つが終了したとき）。

私がやりたいことは特に関係ないと思いますが、基本的には、ドロップダウンの高さに合わせて背景の div の高さを変更するだけです。

ブートストラップの折りたたみjqueryを見てきましたが、複雑すぎて理解できません。これを達成するためのより簡単な方法があれば、誰が私が何に接続すべきか教えてもらえますか?

関連するコードは次のとおりです。私がやりたいことは、このドロップダウンが完全に拡張されたときに何かを起動させることです

<div class="navbar">
<div class="navbar-inner">
<div class="container">

<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>

<!-- Be sure to leave the brand out there if you want it shown -->
<a class="brand" href="#">Project name</a>

<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<nav >
<ul class="nav">
    <li ><a href="#">Home</a></li>
    <li ><a href="#">About</a></li>
    <li ><a href="#">Pages</a></li>
    <li >Pages</a>
    <ul class="sub-menu">
        <li ><a href="">Quamquam tu hanc copiosiorem</a></li>
        <li ><a href="">Quamquam tu hanc copiosiorem</a></li>
        <li ><a href="">Quamquam tu hanc copiosiorem</a></li>
    </ul>
    </li>
</ul>


</div>
</div>
</div>
4

1 に答える 1

1

コードの「 DROPDOWNCLASSDEFINITION 」セクションにあるboostrap.jsファイルを確認することをお勧めします。

コードを見ると、このようなもので始めることができます。

$("a.dropdown-toggle").on('click.dropdown.data-api','', function(r) { 
      console.log(r) 
})

bootstrap.jsのコードから、これはドロップダウンが非表示になっているときに発生します。

$('html').on('click.dropdown.data-api', function () { 
   ///... 
})

折りたたみ式のものを探している場合は、「COLLAPSIBLEDATA-API」の選択を確認することをお勧めします。

于 2013-01-31T18:55:10.613 に答える