2013-04-04 104 views
3

我掙扎着爬手風琴崩潰容器在Safari 6.0.3上工作OSX 10.8.3OSX的Safari 6.0.3和Twitter的引導崩潰插件

出現此問題僅當瀏覽器存在歷史時,(其它一些來自域的頁面已被訪問)。如果清除歷史記錄然後重新加載頁面,手風琴正在工作?

我有什麼,到目前爲止測試: 1.所有其他瀏覽器的工作,包括爲Windows和Safari老年OSX(雪豹)的瀏覽器 2.檢查我注意到,被倒塌後的元素設置爲高度:40像素,而不是像Chrome那樣高度:自動。

你有沒有注意到這種奇怪的行爲?

+0

我有同樣的問題。 – 2013-12-13 13:13:51

回答

3

我沒有找到Safari瀏覽器不當行爲的原因,但提出了手風琴可摺疊元素的解決方法。使用jQuery slideUp和slideDown可以實現過渡效果。這可能對某人有幫助。

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 

    if(navigator.userAgent.indexOf('Mac OS X') != -1 && navigator.userAgent.indexOf('Version/6.0.3') != -1){ 

     $('[data-toggle="collapse"]').attr('data-toggle', "safari-collapse"); 

     var collapsible_elements = $(".collapse").addClass('safari-collapse').removeClass('collapse').not('.in').hide(); 

     $('[data-toggle="safari-collapse"]').on('click', function(e){ 

      e.preventDefault(); 

      var target = $(this).attr('href'); 

      if($(this).attr('data-parent')){  // check if data-parent (accordion) 
       $(target).parent().siblings().find('.safari-collapse').not(":hidden").slideUp();  
      } 

      if($(target).is(":visible")){ 
       $(target).slideUp(); 
      } 
      else{ 
       $(target).slideDown(); 
      } 

     }); 

    } 

}