Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JQuery Mobile向上或向下移动controlgroup中的多个链接_Javascript_Jquery_Css_Jquery Mobile - Fatal编程技术网

Javascript 使用JQuery Mobile向上或向下移动controlgroup中的多个链接

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

这是我上一个问题()的后续问题,回答得很好

我现在有多个垂直的“控件”,每个控件由4个带有水平图像的链接组成。 其中一个图像是向下移动。按下此图像按钮/链接时,4个链接的整个控件应向下移动1

我一直在使用append、prepend、after、before,但似乎没有任何效果

我已经更新了我的,它将创建4个控件。按下带有向下错误的按钮时,整个块应向下移动

// 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我已经更新了相同的演示,现在上下按钮都可以运行了。