2012-12-18 105 views
0

我试图达到同样的效果,点击给一个人在电脑上,但也通过刷在iPad/iPhone上做到这一点。这是目前我的功能是什么样子(这是一个图像滑块)绑定滑动点击事件jquery

// Set the previous and next buttons 
$('#suprflickrLB .lbImage .lbLeft').bind('click').click(function() { 
    $('#suprflickrLB').setLightboxData('prev', 'fade'); 
    return false; 
}); 
$('#suprflickrLB .lbImage .lbRight').bind('click').click(function() { 
    $('#suprflickrLB').setLightboxData('next', 'fade'); 
    return false; 
}); 

我基本上希望人们能“刷卡”在屏幕上的手指,并且具有相同的过渡发生的“点击”,如果这就说得通了。我已经尝试了几个jQuery插件来实现这个概念,但我并不十分流利地使用jquery,所以我看起来似乎无法实现这个工作。

如果我加入了jQuery Mobile的图书馆,我可以做类似

$('#suprflickrLB .lbImage .lbLeft').bind('click').click(function() { 
    $('#suprflickrLB').setLightboxData('prev', 'fade'); 
    return false; 
}); 

$('#suprflickrLB .lbImage .lbRight').bind('click').click(function() { 
    $('#suprflickrLB').setLightboxData('next', 'fade'); 
    return false; 
}); 

// Set previous and next buttons for swiping 
$('#suprflickrLB .lbImage .lbRight').bind('swipe').swipe(function() { 
    $('#suprflickrLB').setLightboxData('next', 'fade'); 
    return false; 
}); 
$('#suprflickrLB .lbImage .lbLeft').bind('swipe').swipe(function() { 
    $('#suprflickrLB').setLightboxData('prev', 'fade'); 
    return false; 
}); 

建议?预先感谢您

回答

0

我不认为“滑动”是一个正确的事件,使用“swipeleft”或“swiperight”。