javascript - 如何在 bootstrap collapse 插件上禁用 bootstrap 默认行为

Question

所以我正在看的是:

• 当您单击可折叠对象的标题时，应该不会发生任何事情
• 虽然 $("#collapseOne").collapse('toggle'); 或 $("#collapseTwo").collapse('toggle'); 应该成功

Collabsable 对象:

    <div class="accordion" id="accordion2">
      <div class="accordion-group mzti-transparent-border" id="id-group-1">
        <div id="id-header-1" class="accordion-heading mzti-bg-image-1">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">

            </div>
          </a>
        </div>
        <div id="collapseOne" class="accordion-body collapse in">

          <div class="accordion-inner">


          </div>
        </div>
      </div>
      <div class="accordion-group hide mzti-transparent-border mzti-height" id="id-group-2">
        <div id="id-header-2" class="accordion-heading width-100 mzti-bg-image-2 margin-top-22px ">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">

          </a>
        </div>
        <div id="collapseTwo" class="accordion-body collapse">
          <div class="accordion-inner">

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

Answer 1

删除 data-toggle="collapse"在 <a class="accordion-toggle"... 上元素