jquery는 Safari에서만 마진 문제 생성

jquery는 Safari에서만 마진 문제 생성

반응성이 뛰어난 카루프레셀을 사용하면 크롬과 파이어폭스에서는 매력적으로 작동하지만 사파리에서는 갑자기 상하 마진 800px를 만들어내며 모든 것을 벗어던지고 있습니다.

반응이 좋은 사이트이며, 500px 이하의 화면에 대한 미디어 쿼리의 영향을 받으면 이상하게도 문제가 발생하지 않습니다.

이 사이트는 워드프레스 사용자 정의 빌드로, 모든 것이 준비되면 도메인이 매핑될 때까지 서버에서 대기합니다.

라이브 페이지:

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

static html 버전은 잘 작동하는데 워드프레스 문제인가요, 아니면 아직 true domain을 사용하지 않고 있는 것인가요?

아래 카루프레셀 발사용 jquery:

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);
});

어떤 아이디어라도 환영합니다. 정말 미칠 것 같아요!

업데이트: 저는 회전목마가 불려진 후 jquery를 사용하여 스타일링을 변경함으로써 이 문제를 해결했습니다.

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

문제를 해결했지만, 왜 그런 일이 일어났는지 아직도 잘 모르겠습니다 :-)

워드프레스로 테마의 스타일시트를 확인하여 상충되는 스타일이 없는지 확인하겠습니다.

당신은 항상 전화를 했었나요?.caroufredsel_wrapper와는 반대로.wrapper?

언급URL : https://stackoverflow.com/questions/11175814/jquery-producing-margin-issues-in-safari-only