Я пытаюсь использовать flexislider на своей веб-странице. Но в чем проблема: слайдер прекрасно работает в Chrome, FireFox и IE10. Но проблема возникает при приходе в IE9 и более ранних версиях. Пожалуйста, помогите мне решить эту проблему.
Я думаю, что после сценария возникает проблема:
if (slider.transitions) {
target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)";
dur = (dur !== undefined) ? (dur/1000) + "s" : "0s";
slider.container.css("-" + slider.pfx + "-transition-duration", dur);
slider.container.css("transition-duration", dur);
slider.container.css("-" + slider.pfx + "-transition-duration", dur);alert(slider.pfx);
}
Но если я удалю slider.pfx
проблема останется такой же. Код выполняется правильно, но слайдер не будет перемещаться. Если кто-нибудь сможет выяснить проблему. Ответьте на этот вопрос.
Он не работает в <= IE 9
Chrome
1.0 (-webkit prefix)
Firefox
4.0 (2.0) (-moz prefix)
16.0 (16.0) (no prefix)
Internet Explorer
10.0 (no prefix)
Opera
10.5 (-o prefix)
12.0 (no prefix)
Safari
3.2 (-webkit prefix)
И попробуйте использовать json
в css()
например,
if (slider.transitions) {
target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)";
dur = (dur !== undefined) ? (dur/1000) + "s" : "0s";
slider.container.css({"-" + slider.pfx + "-transition-duration", dur,"transition-duration", dur});
// pass json object at once only
alert(slider.pfx);
}
Прочтите это Поддерживает ли Internet Explorer переходы CSS?
slider.container.css() three times
чтобы call it once
для single object of key-value pairs
. Прочитайте api.jquery.com/css/#css-properties