2012-10-08 25 views
7

Lần đầu tiên bạn bấm để mở bootstrap "đóng mở" accordion trong IE 7/8/9, nó không mở. Bất cứ ai khác chạy vào điều này hoặc có thể tìm ra lý do tại sao?Bootstrap 2.1.1 "Đóng mở" không mở lần đầu tiên trong IE

Cảm ơn


bản demo jsfiddle: 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> bao gồm:

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

Trả lời

15

Vấn đề này không liên quan đến IE: Điều này sẽ happ vi trên bất kỳ trình duyệt nào không hỗ trợ chuyển đổi (hoặc nếu nó bị vô hiệu hóa).

Đó là vì bạn cần khởi chạy plugin đầu tiên. Nếu không, cả hai khởi tạo và bật tắt sự sụp đổ trên lần nhấp đầu tiên: khởi tạo mặc định bật tắt sự sụp đổ (doc), và không có chuyển tiếp, sự sụp đổ được bật hai lần liên tiếp mà không bị nhìn thấy.

Đây là những gì bạn nên làm:

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

Demo (jsfiddle)

+0

Ahh. Tôi hiểu rồi. Hoạt động tốt, cảm ơn! :) – sarink

+1

Rất thú vị. Cảm ơn ! –

Các vấn đề liên quan