jquery tạo ra các vấn đề về margin trong Safari chỉ

Question

Sử dụng caroufredsel đáp ứng, hoạt động như một nét duyên dáng trong Chrome & Firefox, nhưng trong Safari nó đột nhiên tạo ra các lề trên và dưới 800px, ném mọi thứ đi.

Trang web đáp ứng của nó và kỳ lạ vấn đề không xảy ra khi bị ảnh hưởng bởi truy vấn phương tiện cho màn hình rộng 500px trở xuống.

Trang web là một công cụ tùy chỉnh wordpress, đang chờ trên máy chủ cho miền được ánh xạ khi tất cả đã sẵn sàng.

trang trực tiếp:

http://109.203.120.0/~wirebird/wordpress/the-guitars/ 

Các static html version công trình tốt, vì vậy nó là một vấn đề wordpress, hoặc thực tế là nó không được sử dụng một miền đúng chưa?

jquery cho bắn caroufredsel dưới đây:

jQuery(document).ready(function() { 

jQuery("#guitars-gallery").carouFredSel({ 
auto: false, 
circular: false, 
prev: '#prev', 
next: '#next', 
responsive : true, 
height : 500, 
scroll: 1, 
items : { width : 370, height : 500, visible : { min : 1, max : 3 } } }); 

}); 

function doSomething() { 

jQuery('#guitars-gallery').trigger('destroy', true); 
jQuery('#guitars-gallery').css({'text-align': '','float': '','position': '','top': '','right': '','bottom': '','left': '','width': '90%','height': '','margin': '1% auto'}); 

jQuery("#guitars-gallery").carouFredSel({ 
auto: false, 
circular: false, 
prev: '#prev', 
next: '#next', 
responsive : true, 
height : 500, 
scroll: 1, 
items : { width : 370, height : 500, visible : { min : 1, max : 3 } } }); 

}; 

var resizeTimer; 

jQuery(window).resize(function() { 
clearTimeout(resizeTimer); 
resizeTimer = setTimeout(doSomething, 100); 
}); 

Bất cứ ý tưởng được chào đón nhất, nó làm tôi phát điên!

UPDATE: Tôi đã giải quyết này ngay bây giờ bằng cách sử dụng jquery để thay đổi phong cách sau khi băng chuyền được gọi là:

jQuery('.caroufredsel_wrapper').css({'margin-top': '0px', 'margin-bottom': '0px'}); 

Sửa chữa vấn đề này, nhưng tôi vẫn là không khôn ngoan hơn là tại sao nó đã xảy ra :-)

Answer 1

Tôi sẽ kiểm tra biểu định kiểu của chủ đề của bạn trong wordpress để đảm bảo bạn không có bất kỳ kiểu xung đột nào.

Bạn luôn gọi số .caroufredsel_wrapper thay vì .wrapper?