0

クリックしたリンクの幅にドロップダウンの幅を設定したいと思います。これは、ページ上に ID が多数存在する可能性があるため、ID に基づくものではなく、一般的なものである必要があります。ここに私のマークアップがあります:

  <div class="dropdown bottom clearfix">
    <a class="nav toolbar-nav dropdown-toggle" data-toggle="dropdown"><h2 class="nav">Clickable Item</h2></a>
    <ul class="dropdown-menu dropdown-bottom-right clearfix"  role="menu" aria-labelledby="dLabel">
      <li><a>Item One</a></li>
      <li><a>Item Two</a></li>
      <li><a>Item Three</a></li>
    </ul>
  </div>

ちなみに私はブートストラップを使用しています。

4

1 に答える 1

0

基本的には $.width() jquery メソッドを使用するだけです。$.each() メソッドを使用して、ページ上のすべてのアイテムを呼び出し、それぞれのリストをフォーマットできます。

jQuery:

$(".nav").each(function(){
    var width = $(this).width();
    $(this + "li").css("width", width);
});

「.nav」を「h2」または「a」に置き換えることができます。これらの DOM 要素をクリック可能なアイテムにのみ使用し、書式設定のためにタグを開いたままにしておく場合です。

于 2013-09-17T00:45:50.730 に答える