我沒有找到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();
}
});
}
}
我有同樣的問題。 – 2013-12-13 13:13:51