Jquery cbpFWSlider в magento не работает только в Chrome
В процессе работы над cbpFWSlider на сайте я обнаружил, что он вообще не хочет работать в chrome. Понятия не имею почему. Все, что я знаю, это то, что мне не пришлось устанавливать конфликт для jquery, чтобы правильно запускать скрипты в этой версии magento. Мало того, однако, есть несколько других сценариев на этом сайте. Тем не менее, я вынул их и попробовал слайдер сам по себе, и он все еще не хочет работать. Совсем.
Единственное, что мне удалось вывести, это.
Консоль на Chrome показывает копию преобразования вместо 3D-преобразования... и я понятия не имею, почему. Я прошел через все, и все, что я могу понять, это то, что это как-то связано с этой чертой.
if( this.support ) {
this.$list.css( 'transform', this.support3d ? 'translate3d(' + translateVal + '%,0,0)' : 'translate(' + translateVal + '%)' );
}
else {
this.$list.css( 'margin-left', -1 * this.current * 100 + '%' );
}
Сайт, о котором идет речь, можно найти здесь. http://tinyurl.com/pgwxlbr
Если бы кто-нибудь мог помочь мне с этим, я был бы очень благодарен! Это длинный пост здесь, но мне повезло раньше!
1 ответ
Задача решена. Я до сих пор понятия не имею, ПОЧЕМУ Chrome настаивал на том, чтобы не читать это правильно, а добавив вторую строку, эксклюзивную для webkit, в переключателях навигации.
if( this.support ) {
this.$list.css( 'transform', this.support3d ? 'translate3d(' + translateVal + '%,0,0)' : 'translate(' + translateVal + '%)' );
//new line a duplicate of above, except using the webkit format
this.$list.css( '-webkit-transform', this.support3d ? 'translate3d(' + translateVal + '%,0,0)' : 'translate(' + translateVal + '%)' );
}