使用Jquery mobile在图像上滑动

Question

我正在使用j.query mobile。 当我用类“.leaves”滑过图像时，我想收到警报。 我能用以下方式做到吗？它不起作用。

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

swipe();

Answer 1

这应该有效：

$(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');
});

Answer 2

我不知道结构，但你可以试试这个：

// 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');
            });
        });