Javascript 使用JQuery Mobile向上或向下移动controlgroup中的多个链接
这是我上一个问题()的后续问题,回答得很好 我现在有多个垂直的“控件”,每个控件由4个带有水平图像的链接组成。 其中一个图像是向下移动。按下此图像按钮/链接时,4个链接的整个控件应向下移动1 我一直在使用append、prepend、after、before,但似乎没有任何效果 我已经更新了我的,它将创建4个控件。按下带有向下错误的按钮时,整个块应向下移动Javascript 使用JQuery Mobile向上或向下移动controlgroup中的多个链接,javascript,jquery,css,jquery-mobile,Javascript,Jquery,Css,Jquery Mobile,这是我上一个问题()的后续问题,回答得很好 我现在有多个垂直的“控件”,每个控件由4个带有水平图像的链接组成。 其中一个图像是向下移动。按下此图像按钮/链接时,4个链接的整个控件应向下移动1 我一直在使用append、prepend、after、before,但似乎没有任何效果 我已经更新了我的,它将创建4个控件。按下带有向下错误的按钮时,整个块应向下移动 // Check if not already at the end: if (layerVisibleButton.length &g
// Check if not already at the end:
if (layerVisibleButton.length > 0) {
// TODO: How to continue?
}
您需要使用、、和
$(this.nextAll(.ui最后一个子项”).eq(1)
检查当前设置后是否有一组按钮$(this.previtil(.ui最后一个子项”).addBack()
获取向下按钮和.addBack()
向下按钮到jQuery集合对象的同一行中的所有按钮。现在我们有三个按钮$(this).next(.ui最后一个子项)
下一个按钮。现在我们已经收集了四个按钮(全部),但仍然需要将它们合并到一个对象中prevBtns.add(nextbttn)
将所有按钮合并到一个对象/变量中moveAfter.after(setBtns)
将所有按钮移动/附加到当前按钮集下方的行之后$(“#layercontrol”)。打开(“单击”,“向下”,函数(){
var moveAfter=$(this.nextAll(“.ui最后一个子项”).eq(1);
如果(moveAfter.length>0){
var prevBtns=$(this).prevUntil(“.ui最后一个子项”).addBack(),
nextBtn=$(this.next(.ui最后一个子项)),
setBtns=prevBtns.add(nextbttn);
移动后。移动后(setBtns);
}
});
有趣,但实现起来有点棘手。添加额外的类可能会导致一个解决方案。但是,由于您是动态创建它们的,类就不会那么方便了。谢谢@Omar。不仅可以按要求运行您的演示,解释也非常有价值。@PaulMeems不客气:)我正在处理“向上箭头”顺便说一句。我会在它运行后通知您,因为它相当复杂:)@PaulMeems我已经更新了相同的演示,现在上下按钮都可以运行了。