我已经从jssor.com上的Basic Usage(jQuery)示例中设置了一个基本滑块。
在触摸系统上滑动工作正常,直到我用jssor.slider.mini.js替换了jssor.js和jssor.slider.js,然后在iPad,iPhone或Android Chrome / Firefox上进行测试时滑动不再有效。如果我删除缩小的脚本并将“开发”脚本放回去,则再次滑动工作。我在这里缺少什么?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>example</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<!--
<script src="jssor.js"></script>
<script src="jssor.slider.js"></script>
-->
<script src="jssor.slider.mini.js"></script>
</head>
<body>
<script>
jQuery(document).ready(function ($) {
var options = { $AutoPlay: true };
var jssor_slider1 = new $JssorSlider$('slider1_container', options);
});
</script>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 596px; height: 415px;">
<!-- Slides Container -->
<div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 596px; height: 415px;">
<div><img u="image" src="http://www.armaniexchange.com/images/armaniexchange/en_us/local/content/fall_2014/gateways/mens_lookbook_10_3/img/look2.jpg" /></div>
<div><img u="image" src="http://www.armaniexchange.com/images/armaniexchange/en_us/local/content/fall_2014/gateways/mens_lookbook_10_3/img/look1.jpg" /></div>
</div>
</div>
</body>
</html>