Question

使用响应式caroufredsel，就像Chrome中的魅力一样。 Firefox，但在Safari中突然产生800px的顶部和底部边距，抛弃一切。

它是一个响应式网站，奇怪的是，当媒体查询受到500像素宽或更低的屏幕的影响时，问题不会发生。

该网站是一个wordpress自定义版本，等待服务器上的域映射到所有准备就绪时。

直播页面：

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

static html version工作正常，是wordpress问题，还是它没有使用真正的域呢？

下面发射caroufredsel的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'});

解决了这个问题，但我仍然不知道为什么会这样:-)

Answer 1

我会检查你在wordpress中的主题样式表，以确保你没有任何冲突的样式。

您是否始终致电.caroufredsel_wrapper而不是.wrapper？

jquery仅在Safari中产生保证金问题

1 个答案: