Javascript JQuery Mobile Swipe.load.prev和.next
我试图弄清楚如何编写jQuery,以便在向右滑动时加载上一个同级,向左滑动时加载下一个同级。我是JS的新手 HTML/HAMLJavascript JQuery Mobile Swipe.load.prev和.next,javascript,jquery,jquery-mobile,jquery-events,Javascript,Jquery,Jquery Mobile,Jquery Events,我试图弄清楚如何编写jQuery,以便在向右滑动时加载上一个同级,向左滑动时加载下一个同级。我是JS的新手 HTML/HAML #gallery #active-pane #pane1.pane Pane 1 #pane2.pane Pane 2 #pane3.pane Pane 3 #pane4.pane Pane 4 我有下面的JQuery正在工作。但我真的希望它只加载上一个和下一个兄弟姐妹。滑动.窗格并获取下一个或上一
#gallery
#active-pane
#pane1.pane
Pane 1
#pane2.pane
Pane 2
#pane3.pane
Pane 3
#pane4.pane
Pane 4
我有下面的JQuery正在工作。但我真的希望它只加载上一个和下一个兄弟姐妹。滑动.窗格并获取下一个或上一个
$("#pane1").swiperight(function() {
$('#active-pane').load("/additional-info #pane2").fade("slow");
return false
});
您可以通过在swiperight/swipeleft事件上使用幻灯片切换来更改页面
$(".ui-page").swiperight(function() {
$.mobile.changePage( $('#'+getNextPageId()),
{ transition: "slide", reverse:false});
});
$(".ui-page").swipeleft(function() {
$.mobile.changePage( $('#'+getPrevPageId()),
{ transition: "slide", reverse:true});
});
完整演示: