Jquery mobile 向sudoslider添加滑动支持，滑动不会'；行不通_Jquery Mobile_Slider_Swipe

Jquery mobile 向sudoslider添加滑动支持，滑动不会'；行不通

jquery-mobile

Jquery mobile 向sudoslider添加滑动支持，滑动不会'；行不通,jquery-mobile,slider,swipe,Jquery Mobile,Slider,Swipe,我曾尝试向via添加滑动支持，但到目前为止似乎不起作用。在ipad和iphone上，当尝试刷卡时，什么都不会发生我的页面的最小工作示例： <!doctype html> <html> <head> <title></title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min

我曾尝试向via添加滑动支持，但到目前为止似乎不起作用。在ipad和iphone上，当尝试刷卡时，什么都不会发生

我的页面的最小工作示例：

<!doctype html>
<html>
  <head>
    <title></title>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="javascripts/jquery.sudoSlider.min.js"></script>
    <script type="text/javascript" src="javascripts/jquery.mobile.custom.min.js"></script>
  </head>
    <body>
      <div id="container">
            <div id="pages">
                <ul class="pages">
                    <li class="page" id="front"></li>
                    <li class="page" id ="about"></li>
                    <li class="page" id ="who"></li>
                    <li class="page" id="services"></li>
                    <li class="page" id="projects"></li>
                    <li class="page" id="contact"></li>
              </ul>
            </div>
      </div>
<script type="text/javascript" >
$(document).ready(function(){
    var sudoSlider = $("#pages").sudoSlider({
        history:           true,
        prevNext:          false,
        continuous:        true,
        customLink:        'a.slide-controller',
        numericText:['home', 'mission', 'about', 'services', 'portfolio', 'contact']
        });

        $(document).keyup(function(e) {
        switch(e.keyCode) {
          case 37 : sudoSlider.goToSlide("prev"); break;
          case 39 : sudoSlider.goToSlide("next"); break;
        }

        $("#pages").swiperight(function() {
            sudoSlider.goToSlide("next");
        });

        $("#pages").swipeleft(function() {
            sudoSlider.goToSlide("prev");
        });
      });
    });
</script>
    </body>
</html>










$（文档）.ready（函数（）{
var sudoSlider=$（“#页”）.sudoSlider({
历史：没错，
下一个：错，
是的，
customLink:“a.slide-controller”，
数字文本：['home'、'mission'、'about'、'services'、'portfolio'、'contact']
});
$（文档）.keyup（函数（e）{
开关（如钥匙代码）{
案例37：goToSlide sudoSlider（“prev”）；break；
案例39：goToSlide sudoSlider（“下一个”）；休息；
}
$（“#页”）.swiperight（函数（）{
苏多斯莱德·戈托利德（“下一个”）；
});
$（“#页”）.swipleft（函数（）{
戈托斯利德苏多斯利德（“上”）；
});
});
});

虽然我不是jquery移动专家，但我认为您需要将滑动事件绑定到页面，如

$（“#页面”）.bind（“swipeleft”，function（）{…}）
此外，您还应该查看文档以使用$（document.bind（'pageinit'）
而不是$（document.ready（）

参观并查看第一个黄色方框；下面还介绍了刷卡事件。
谢谢。我还注意到我将绑定放在keyup事件中（…）