Duyarlı bir caroufredsel kullanarak, Chrome & Firefox'ta bir çekicilik gibi çalışır, ancak Safari'de aniden 800 pikselin üst ve alt kenar boşluklarını üreterek her şeyi atar. Yanıt veren bir site ve garip bir şekilde sorun, 500px geniş veya daha az ekranlar için medya sorgusundan etkilendiğinde ortaya çıkmaz.jquery üreten kenar boşluğu sorunları yalnızca Safari'de
Site, tamamı hazır olduğunda etki alanı eşleştirilecek bir sunucuda bekleyen bir wordpress özel yapısıdır.
canlı sayfa:
http://109.203.120.0/~wirebird/wordpress/the-guitars/
static html version eser ince, bu yüzden bir wordpress sorunu, ya da henüz gerçek bir etki alanını kullanan olmadığı gerçektir? Aşağıdaki caroufredsel ateş için
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);
});
Herhangi bir fikir en hoş, benim deli ediyor!
GÜNCELLEME: Ben atlıkarınca çağrıldıktan sonra stilini değiştirmek için jquery kullanarak şimdilik bu çözmüş:
jQuery('.caroufredsel_wrapper').css({'margin-top': '0px', 'margin-bottom': '0px'});
Düzeltmeler sorun, ama yine de hiçbiri akıllıca olmamın sebebi o oluyordu olarak :-)
jQuery için seçicinin '$' olduğunu, jQuery' değil olduğunu düşündüm ... – Bluefire
Komut dosyanızın bir tanesi yüklenemedi ve ünite olarak "rem" kullanılan birçok yer var. – SVS
@Bluefire Diğer çerçevelerle çakışmaları önlemek için hem ** $ ** hem de ** jQuery ** öğesini seçici olarak kullanabilirsiniz. Bu kılavuzda: ** Varsayılan olarak jQuery "jQuery" ** için kısayol olarak "$" kullanır, buraya bakın: http://docs.jquery.com/Using_jQuery_with_Other_Libraries – insertusernamehere