Question

我在网站上有以下代码导致问题。基本上，如果用户的互联网速度较慢，并设法在加载bootstrap js之前单击手风琴，则会在最后使用#i重定向到主页。

我最后添加了这个：

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

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

 <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>

Answer 1

删除href中的archor，只放置＃

Answer 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>

Answer 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” 属性，它将起作用

在jquery加载之前，手风琴切换重定向

3 个答案: