Akkordeon Toggle Umleiten vor jquery laden

Question

Ich habe den folgenden Code verursacht auf einer Website. Wenn ein Benutzer eine langsame Internetgeschwindigkeit hat und es geschafft hat, auf das Akkordeon zu klicken, bevor bootstrap js geladen wird, wird er am Ende mit #i zur Homepage weitergeleitet.

Ich habe das am Ende hinzugefügt:

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

Aber natürlich einige Benutzer immer noch den einen Tag klicken können, bevor diese geladen wird. Jede Hilfe wäre großartig.

<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

Entfernen Sie die Archor in href, setzen nur #

Answer 2

Einfach fix:

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

zu:

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