1

タッチジェスチャなどの適用を学び始めたばかりで、タッチスワイプを使用することにしました。私はいくつかのテストを開始し、デモで見られるさまざまなことから始めています。ただし、これまでのところ、単純な swipeLeft を機能させることはできません。これが私がこれまでに持っているものです。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="../../JQuery files/touchswipe.js"></script>

    <title>Demo</title>

    <style type="text/css">

    #swipe {
    margin: 0 0 0 0;
    padding: 50px;
    background: #99FFCC;
}

    </style>


  </head>
  <body>

        <div id="swipe">Swipe Here</div>

        <script type="text/javascript">var swipeOptions=
            {
                swipeLeft:swipeLeft,
                threshold:0
            }

            $(function()
            {           
                //Enable swiping...
                $("#test").swipe( swipeOptions );
            });

            //Swipe handlers.
            //The only arg passed is the original touch event object            
            function swipeLeft(event)
            {
                $("#test").text("wahoo");
            }
</script>

  </body>
</html>
4

0 に答える 0