0

Jquery Mobileを介してSudoSliderにスワイプサポートを追加しようとしましたが、これまでのところ機能していないようです。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>
4

1 に答える 1

1

私はjquerymobileのエキスパートではありませんが、スワイプイベントをページにバインドする必要があると思います。$("#pages").bind("swipeleft", function() {...});

$(document).bind('pageinit')また、代わりに 使用するドキュメントを確認する必要があります$(document).ready()

http://jquerymobile.com/demos/1.2.0/docs/api/events.htmlにアクセスして、最初の黄色のボックスを確認してください。スワイプイベントについても以下で説明します。

于 2012-10-29T17:49:32.903 に答える