JQuery UI 可排序按钮集

标签 jquery jquery-ui

我正在尝试结合 jQuery 可排序交互和按钮集小部件来制作可排序按钮集。这是一个试图做到这一点的 jfiddle: http://jsfiddle.net/HK7rX/3/ .

第一个只是在同一个div上调用buttonset和sortable。它有点工作,但是当您尝试移动按钮时,它会使列表跳来跳去,并且很难将按钮移动到第一个或最后一个位置。

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

然后我尝试了上面同样的方法,但结果更糟糕。

第一次尝试效果“最好”,但仍然存在一些问题。关于如何混合按钮集(因此按钮充当单选按钮)并能够以不同的顺序移动它们有什么想法吗?

最佳答案

我已经有了一个合理的开始here ,从你的第一个例子开始。我所做的就是将所有 radio 输入/标签对放入它们自己的 float 分区中,这使得排序顺利。

现在您需要做的就是整理按钮上的圆角:)

关于JQuery UI 可排序按钮集,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8190069/

相关文章:

javascript - 如何提供一个日期选择器,其中包含选择日、月和年的选项

javascript - JQuery OnDrag 悬停时触发单击

jquery - IE6 - jQuery UI 对话框 - 通过覆盖显示的元素

jquery - Swisnl 上下文菜单主题

javascript - Css 颜色 Jquery UI

javascript - 如何强制用户在提交表单之前单击链接?

javascript - 访问 Ajax 响应数据

javascript - slimscroll 滚动条不可见

javascript - for of 循环,等到值被定义

jquery-ui - 如何通过jquery/java脚本动态设置struts jquery对话框标签的标题?