面板不能切换 - 引导

我只花了5个小时试图找到问题，我不能。当我点击h5链接时，它会按预期展开，显示< ul>及其< li>项目，但是当我再次单击它时，它不会折回。我在Safari，Firefox和Chrome中测试了它，相同的问题/没有区别。我一遍又一遍地检查了代码，并没有看到问题。我在StackOverflow上发现了一些jquery修复程序，仍然存在问题。我不知道还有什么可以尝试的。任何机构都有什么想法可能是错误的？面板不能切换 - 引导

我使用： https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js 和http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

此外，所有非自举类是单纯的视觉（颜色，背景，gradiants，字体）。

<div class="footer-content container text-center"> 
    <div class="row hideMe2"> 
     <div class="panel-group" id="collapse11"> 
      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h5 class="panel-title"> 
         <a data-toggle="collapse" data-parent="collapse" href="#collapse1">LEARN</a> 
        </h5> 
       </div> 
       <div id="collapse1" class="panel-collapse collapse"> 
        <ul class="list-group"> 
         <li><a href="#">Link</a></li> 
         <li><a href="#">Link1</a></li> 
         <li><a href="#">Link2</a></li> 
         <li><a href="#">Link3</a></li> 
        </ul> 
       </div> 
       <div class="panel-heading"> 
        <h5 class="panel-title"> 
         <a data-toggle="collapse" href="#collapse2">ACCOUNT</a> 
        </h5> 
       </div> 
       <div id="collapse2" class="panel-collapse collapse"> 
        <ul class="list-group"> 
         <li><a href="#">Random1</a></li> 
         <li><a href="#">Random2</a></li> 
        </ul> 
       </div> 
       <div class="panel-heading"> 
        <h5 class="panel-title"> 
         <a data-toggle="collapse" href="#collapse3">CONNECT</a> 
        </h5> 
       </div> 
       <div id="collapse3" class="panel-collapse collapse"> 
        <ul class="list-group"> 
         <li>FACEBOOK</li> 
         <li>TWITTER</li> 
        </ul> 
       </div> 
       <div class="panel-heading"> 
        <h5 class="panel-title"> 
         <a data-toggle="collapse" href="#collapse4">ANIMALS</a> 
        </h5> 
       </div> 
       <div id="collapse4" class="panel-collapse collapse"> 
        <ul class="list-group"> 
         <li><a href="#">111</a></li> 
         <li><a href="#">222</a></li> 
         <li><a href="#">333</a></li> 
         <li><a href="#">444</a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

来源

2015-10-16 user1830833

你可以在jsFiddle或plunker中重现问题吗？ – jordajm

似乎工作正常。 http://jsfiddle.net/jroyb8nq/ – DinoMyte

我猜想它一定是在你的其他JS或CSS中有冲突或导致问题的东西，因为它在@DinoMyte的jsfiddle中工作正常。我认为我们没有足够的信息来帮助您，除非您发布CSS和JS，或者在小提琴中重现问题，或发送指向我们可以调试的分段网站的链接 – jordajm

我转载plunker您的问题，

<http://plnkr.co/edit/ZerTE4CyiLefpbypPIBn>

与plunker引导的设置和你的榜样工作。尝试为脚本添加新的cdn或下载并将它们导入到文件中，我认为这是解决您的问题的方法。

来源

2015-10-16 21:36:36 rasaljig

面板不能切换 - 引导

回答

相关问题