Использование отзывчивого caroufredsel, работает как шарм в Chrome & Firefox, но в Safari неожиданно создается верхний и нижний поля 800px, отбрасывая все.Проблемы с маркером jQuery в Safari только
Его отзывчивый сайт, и, как ни странно, проблема не возникает, если под влиянием медиа-запроса для экранов шириной 500 пикселей или меньше.
Сайт представляет собой пользовательскую сборку Wordpress, ожидающую на сервере для того, чтобы домен был сопоставлен, когда все готово к работе.
живая страница:
http://109.203.120.0/~wirebird/wordpress/the-guitars/
static html version отлично работает, так это WordPress вопрос, или тот факт, что он не использует истинный домен?
JQuery для стрельбы caroufredsel ниже:
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);
});
Любые идеи приветствовать, это сводит меня с ума!
UPDATE: я решил это сейчас с помощью JQuery, чтобы изменить стиль после того, как карусель называется:
jQuery('.caroufredsel_wrapper').css({'margin-top': '0px', 'margin-bottom': '0px'});
исправляет проблему, но я не все еще не мудрее, почему это происходит :-)
Я думал, что селектор для jQuery был '$', а не 'jQuery' ... – Bluefire
Один из ваших скриптов не может быть загружен, и есть много мест, в которых используется« rem »как единица. – SVS
@Bluefire Вы можете использовать как ** $ **, так и ** jQuery ** в качестве селектора, чтобы избежать конфликтов с другими фреймворками. Это говорит о руководстве: ** По умолчанию jQuery использует «$» в качестве ярлыка для «jQuery» **, смотрите здесь: http://docs.jquery.com/Using_jQuery_with_Other_Libraries – insertusernamehere