L'utilizzo di un caroufredsel reattivo, funziona come un fascino in Chrome & Firefox, ma in Safari produce improvvisamente margini superiori e inferiori di 800 px, eliminando tutto.jquery producendo problemi di margine solo in Safari
È un sito reattivo e stranamente il problema non si verifica quando viene influenzato dalla query multimediale per schermi di larghezza pari o inferiore a 500 px.
Il sito è una build personalizzata di wordpress, in attesa su un server per il mapping del dominio quando tutto è pronto per essere eseguito.
pagina dal vivo:
http://109.203.120.0/~wirebird/wordpress/the-guitars/
Il static html version funziona bene, quindi si tratta di un problema di wordpress, o il fatto che non è ancora usando un vero dominio?
jquery per la cottura caroufredsel di seguito:
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);
});
Tutte le idee più benvenuto, si sta facendo impazzire!
UPDATE: ho risolto questo per ora utilizzando jQuery per cambiare lo stile dopo la giostra si chiama:
jQuery('.caroufredsel_wrapper').css({'margin-top': '0px', 'margin-bottom': '0px'});
risolve il problema, ma io sono ancora nessuno il più saggio sul perché stava accadendo :-)
Pensavo che il selettore per jQuery fosse '$', non' jQuery' ... – Bluefire
Uno dei tuoi script non è stato caricato e ci sono molti posti in cui "rem" usato come unità. – SVS
@Bluefire È possibile utilizzare sia $ ** o ** jQuery ** come selettore, evitando conflitti con altri framework. Questo dice il manuale: ** Per impostazione predefinita, jQuery usa "$" come scorciatoia per "jQuery" **, guarda qui: http://docs.jquery.com/Using_jQuery_with_Other_Libraries – insertusernamehere