2012-11-08 40 views
2

由於某些原因,Chrome中的引導程序網站崩潰示例中斷。我將這個標記直接粘貼到了我的頁面中,而簡單的手風琴在FireFox中運行良好,但在Chrome中中斷。 Chrome瀏覽器中斷它的方式是我可以在兩個窗格之間切換一次,然後根本沒有進一步的摺疊。在Chrome中損壞的引導程序崩潰示例

我正在使用最新版本的bootstrap。

代碼如下,它是引導程序站點的直接粘貼。

我讀過一些jQuery插件不正確地使用$ .transition可能會導致這樣的問題。是否有任何只會導致Chrome問題?

<div class="accordion" id="accordion2"> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
     Collapsible Group Item #1 
     </a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse in"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
     Collapsible Group Item #2 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
</div> 
+0

你有沒有報道這是他們的GitHub頁面上的問題嗎? –

+0

@ajk - 不,我縮小了原型的問題(我們正在開溝)。我相信他們對解決這個問題沒有興趣,他們也不應該這樣做。 –

+0

我在使用jQuery 1.7時遇到同樣的問題。在我更新到jQuery 1.8.3之後,問題就消失了。 – 2013-01-11 07:22:11

回答

1

使用此代碼與您HTML:

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"></link> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#accordion2").collapse()​; 
    }); 
</script> 
+0

謝謝,但不,在Chrome中仍然存在問題。它看起來像在某處有一些可怕的衝突 –

+0

對於標識錯誤可能會使用Opera蜻蜓 - >錯誤 - > jawascript或Chrome控制檯的 –

+1

看起來沒有任何錯誤 - 問題似乎與過渡狀態永遠不會重置在鉻(並且僅鉻) –