Usando un caroufredsel receptivo, funciona como un encanto en Chrome & Firefox, pero en Safari está produciendo repentinamente márgenes superior e inferior de 800px, tirando todo.jquery produciendo problemas de margen en Safari solamente
Es un sitio receptivo, y curiosamente el problema no ocurre cuando se ve influenciado por la consulta de medios para pantallas de 500px de ancho o menos.
El sitio es una compilación personalizada de WordPress, esperando en un servidor para que el dominio se asigne cuando todo esté listo para funcionar.
página en vivo:
http://109.203.120.0/~wirebird/wordpress/the-guitars/
El static html version funciona bien, por lo que es un tema de WordPress, o el hecho de que no está utilizando un cierto dominio?
jQuery para disparar caroufredsel a continuación:
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);
});
Cualquier idea muy bienvenida, me está volviendo loco!
ACTUALIZACIÓN: He resuelto esto por ahora mediante el uso de jQuery para cambiar el estilo después de que el carrusel se llama:
jQuery('.caroufredsel_wrapper').css({'margin-top': '0px', 'margin-bottom': '0px'});
soluciona el problema, pero todavía estoy sin enterarse de por qué estaba ocurriendo :-)
Pensé que el selector para jQuery era '$', no 'jQuery' ... – Bluefire
Uno de los scripts no puede cargarse y hay muchos lugares donde se usa" rem "como unidad. – SVS
@Bluefire Puede usar ** ** ** o ** jQuery ** como selector, para evitar conflictos con otros marcos. Esto dice el manual: ** Por defecto, jQuery usa "$" como un acceso directo para "jQuery" **, mira aquí: http://docs.jquery.com/Using_jQuery_with_Other_Libraries – insertusernamehere