關於jquerymobile swipeleft swiperight屢次觸發的問題

     在作一個瀏覽照片功能的js函數時,遇到了這個問題,用jquerymobile 手勢事件swipeleft 和 swiperight時會出現屢次觸發事件問題,代碼以下: jquery

  function a() { 函數

      $("#abc").bind("swiperight", function(){
           alert("hello"); 事件

            //其餘動做........
      }); ip

       $("#abc").bind("swipeleft", function(){
           alert("world"); swiper

            //............
      }); io

   } function

    這樣出現了屢次觸發的問題,並且與你調用a函數有關,你調用第一次時,沒問題,正常,但第二次時,你劃一下它就動兩下,第三次調用時,就三下,以此類推...因此我以爲應該是bind事件這裏的問題,swipeleft/swiperight事件能夠疊加bind。找到緣由就好解決了。 mobile

   解決方法就是在每次調用a函數前或者說bind swipeleft/swiperight事件前unbind一下就ok了。 方法

  function a() { bind

      $("#abc").unbind();//這就是關鍵核心

      $("#abc").bind("swiperight", function(){
           alert("hello");

            //其餘動做........
      });

      $("#abc").bind("swipeleft", function(){
           alert("world");

            //............
      });

   }

相關文章
相關標籤/搜索