滑动在bx滑块中不起作用

Question

我正在使用bx-slider jquery插件。我尝试了一些选项，例如 touchEnabled ， swipeThreshold ， oneToOneTouch ， preventDefaultSwipeX 。但是无效。

我的代码是

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css" type="text/css" />     
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<ul class="bxslider">
  <li><img src="http://bxslider.com/images/730_200/tree_root.jpg" title="Funky roots" /></li>
  <li><img src="http://bxslider.com/images/730_200/hill_road.jpg" title="The long and winding road" /></li>
  <li><img src="http://bxslider.com/images/730_200/trees.jpg" title="Happy trees" /></li>
</ul>


$('.bxslider').bxSlider({
  mode: 'horizontal',
  captions: true,
  touchEnabled: true,
  swipeThreshold:60,
  oneToOneTouch:true,
  preventDefaultSwipeX:true
});

http://jsfiddle.net/2Fcxw/115/