3

Zurb Foundation を使用しており、次の html があります。

<div class="section-container auto" data-section>
  <section>
    <p class="title" data-section-title><a href="#panel1">Tab 1</a></p>
    <div class="content" data-section-content>
      <p>Content of section 1.</p>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#panel2">Tab 2</a></p>
    <div class="content" data-section-content>
      <p>Content of section 2.</p>
    </div>
  </section>
</div>

セカンドタブを無効にすることはできますか? タブ ボタンは表示される必要がありますが、クリック可能ではありません。

4

3 に答える 3

0

少し汚いハックですが、どこでも機能します(クラス「無効」をクラスに追加することを忘れないでください

  • 鬼ごっこ)

        $("[data-tabs] > li.disabled a").bind("click", function(e)
        {
            e.preventDefault();
            e.stopImmediatePropagation();
            e.stopPropagation();
        });
    
  • 于 2017-05-23T07:40:40.097 に答える