在jQuery加载之前手风琴切换重定向答案

【问题标题】：Accordion toggle redirecting before jquery load在jQuery加载之前手风琴切换重定向
【发布时间】：2016-06-12 14:33:47
【问题描述】：

我有以下代码导致网站出现问题。基本上，如果用户的网速很慢，并且在加载 bootstrap js 之前设法点击了手风琴，它会重定向到最后带有 #i 的主页。

我在最后添加了这个：

  $('.accordion-toggle').click(function(e) {
        e.preventDefault();
    });

当然，有些用户仍然可以在加载之前点击 a 标签。任何帮助都会很棒。

 <div class="panel-heading">
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#<?php echo $x; ?>">
                                            </a>
                                        </div>


<div id="<?php echo $x; ?>" class="panel-collapse collapse">
</div>
<div id="<?php echo $x; ?>" class="panel-collapse collapse">
</div>

【问题讨论】：

制作一个仅在所有其他脚本加载后才显示正文的脚本。它应该在 bootstrap.js onload(boodstrap.js){showbody} 之后

标签： jquery css twitter-bootstrap accordion

【解决方案1】：

去掉href里的archor，只放#

【讨论】：

【解决方案2】：

简单修复：

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#<?php echo $x; ?>">
                                        </a>

到：

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="<php for target>" href="javascript:void(0);">
                                        </a>

【讨论】：

【解决方案3】：

你可以这样做：

<div class="card">
   <div class="card-header" id="headingOne">
      <h5 class="mb-0">
      <div class="btn btn-link" data-toggle="collapse" data- target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" role="button">
      Collapsible Group Item #1
      </div>
      </h5>
</div>

使用 DIV 代替按钮，然后在 DIV 中添加 role="button" 属性即可使用

【讨论】：