2012-12-18 142 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」。