0

私はブートストラップ3アコーディオンを持っています

<dl class="panel-group col-lg-10 col-lg-offset-1" id="product-list">
  <dt class="panel-heading col-lg-12">
      <a data-toggle="collapse" data-parent="product-list" href="collapseOne">  
        <h3 class="panel-title">
          Heading Content
        </h3>
      </a>
  </dt>
  <dd id="collapseOne" class="product-details panel-collapse collapse col-lg-12">
        Collapsable Content
    </dd>
</dl>

このマークアップは、アコーディオンが適切に開閉するという点で機能しています。ただし、DDの開閉時にアンカーポイントまでスクロールしています。これは私の望ましい動作ではありません。

アンカー タグを div に変更しようとしましたが、アコーディオンが壊れます。クリックするアンカーを配置した場合にのみ、さまざまな折りたたみ可能アイテムが開きます。

4

1 に答える 1

0

アンカー リンクで href タグを使用している場合、ページの上部にジャンプして望ましくない動作が発生します。クリック時に JavaScript を無効にする必要があります

<a href="javascript:void(0)" id="loginlink">login</a>

この記事を見る

これが正しい答えであることを願っています。

于 2014-05-12T19:52:53.547 に答える