2012-10-08 21 views
7

IE 7/8/9'da bootstrap "katlanabilir" akordeonu açmak için ilk kez tıklattığınızda açılmaz. Başka kimse buna katılıyor ya da nedenini anlayabiliyor mu?Bootstrap 2.1.1 "Katlanabilir" IE'de ilk kez açılmıyor

Teşekkür


jsfiddle demo: http://jsfiddle.net/pWU4n/7/

<div class="accordion category-list-accordion"> 
    <div id="category-5" class="accordion-group" style="display: block; "> 
     <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse"> 
       CLICK ME TWICE THE FIRST TIME TO OPEN IN IE 
      </a> 
     </div> 
     <div id="category-5-accordion" class="accordion-body collapse"> 
      <div class="accordion-inner span33"> 
       "Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!)" 
      </div> 
     </div> 
    </div> 
</div> 
$(document).ready(function() { 
    $("#category-5").click(function() { 
     $("#category-5-accordion").collapse("toggle"); 
    }); 
}); 

<head> içerir:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script> 
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet"> 

cevap

15

Bu sorun IE ilişkili değildir: Bu irade happ tr geçişlerini desteklemeyen tüm tarayıcılarda geçişleri (veya devre dışı bırakılmışsa).

Bunun nedeni, ilk eklentiyi ilk başlatmanızdır. Bunu yapmazsanız, her ikisi de ilk tıklamadaki çökmeyi başlatır ve değiştirir: varsayılan başlatma, daraltmayı değiştirir (doc) ve geçişler olmadan, daraltma, görülmeden bir satırda iki kez değiştirilir. İşte

yapmanız gereken budur:

$("#category-5-accordion").collapse({toggle: false}); 
$("#category-5").click(function() { 
    $("#category-5-accordion").collapse("toggle"); 
}); 

Demo (jsfiddle)

+0

Ahh. Şimdi görüyorum. İyi çalışıyor, teşekkürler! :) – sarink

+1

Güzel yakalama. Teşekkürler ! –

İlgili konular