Jqueryモバイルで画像をスワイプ

Question

j.query mobileを使用しています。 クラス ".leaves"で画像をスワイプしたときに警告を出したいと思います。 私はそれを次のようにすることはできますか？それは動作しません。

function swipe(){ 
    $('.leaves').swipe(function(){ 
      alert('grrrr'); 
     }); 
} 

swipe(); 

Answer 1

は、私は構造についての考えを持っていませんが、あなたはこれを試すことができます。

// to be sure that your page is created 
    $(document).on("pagecreate", "#your_page_id", function() { 
      $(document).on("swipeleft", ".leaves", function(){ 
        console.log('swipeleft'); 
      }); 
      $(document).on("swiperight", ".leaves", function(){ 
        console.log('swiperight'); 
      }); 
     }); 

Answer 2

これは動作するはずです：

$(document).on("swipe", ".leaves", function(){ 
     console.log('Swipe'); 
}); 
$(document).on("swipeleft", ".leaves", function(){ 
     console.log('Swipe left'); 
}); 
$(document).on("swiperight", ".leaves", function(){ 
     console.log('Swipe right'); 
});