Question

我正在尝试将jQuery可排序交互和buttonset小部件组合在一起，以创建可排序的按钮组。这是一个尝试这样做的小事：http://jsfiddle.net/HK7rX/3/。

第一个只调用buttonset并在同一个div上进行排序。它有点工作，但当你试图移动按钮时，它会使列表跳转，很难将按钮移动到第一个或最后一个位置。

然后我尝试在每个li中创建一个带有按钮的ul，但可排序部分根本不起作用。我认为这与按钮点击事件有关，它覆盖了对可排序事件的调用。

然后我尝试了同样的事情，但它的失败甚至更糟。

第一次尝试是“最好的”，但仍有一些问题。关于如何混合按钮组的任何想法（因此按钮充当单选按钮）并能够以不同的顺序移动它们？

Answer 1

从第一个例子开始，我已经做了一个合理的开始here。我所做的就是将所有无线电输入/标签对放在它们自己的浮动分区中，这样就可以使分类顺利进行。

现在你需要做的就是整理按钮上的圆角：）

Answer 2

对于它的价值，因为我在试图找到一个类似的明显未解决的问题时遇到了这个问题 - 如何理清圆角 - 这就是我想出的。我确信有更有效的方法可以做到这一点，但这很有效。

$("#radioset").sortable({
    stop:function(event, ui) {
        $("#radioset .ui-corner-right").removeClass("ui-corner-right");
        $("#radioset .ui-corner-left").removeClass("ui-corner-left");
        $("#radioset label:first").addClass("ui-corner-left");
        $("#radioset label:last").addClass("ui-corner-right");
    }
});

谢谢史蒂夫威尔克斯，因为你的答案回答了我试图解决的问题的另一部分：）

JQuery UI可排序Buttonset

2 个答案: