相关疑难解决方法(0)

轻量级替代jQuery UI的sortable()?

jQuery UI(1.8+)正在形成一个很棒的库,但我发现它通常对我来说太过分了.是否有替代库用于创建具有较小占用空间的可排序列表?
排除占位符和交叉列表排序等功能是可以接受的.

编辑:(
这已成为一个有趣的讨论,感谢所有的回复.)
似乎有一些用户不知道jQuery UI可排序是什么.这不是表格排序,而是列表排列.想想重新订购Netflix队列.请参阅此处的演示:http://jqueryui.com/demos/sortable/

javascript jquery jquery-ui jquery-ui-sortable

33
推荐指数
2
解决办法
3万
查看次数

没有jQuery UI的jQuery Sortable

我需要"可排序的拖放"功能,我正在使用jQuery.我不能真正使用jQuery UI,因为对于这个项目来说,这将是一个开销(我需要添加许多KB的JS和CSS才能使用一小部分功能).

是否有任何你可以推荐的插件,或者是一个简单的实现路径,我可以遵循?

解决方案必须尽可能轻量级,最好基于jQuery/Sizzle或纯JavaScript.

jquery drag-and-drop jquery-ui-sortable

16
推荐指数
3
解决办法
2万
查看次数

重新排列angularfire支持列表的项目,拖放样式

我正在建立一个angularjs/firebase应用程序unsing angularfire绑定(v0.5.0).

我有一个项目列表,显示在一个表格ng-repeat<tr>,如下所示:

<table>                               
    <tbody>                                                                
        <tr ng-repeat="(index, item) in items">
            <td>
                <input type="checkbox" ng-model="item.done">
            </td>              
            <td>                                                 
                <input type="text" ng-model="item.text" ng-focus="onItemFocus(index)" ng-blur="onItemBlur(index)">
            </td>                                                              
            <td>                                                               
                <button type="button" ng-click="remove(index)">&times;</button>
            </td>                                                              
        </tr>                                                                  
    </tbody>                                                               
</table>                                                                   
Run Code Online (Sandbox Code Playgroud)

并且在这个项目列表上有一个angularfire 3路数据绑定,如:

$scope.ref = new Firebase('...');
$scope.remote = $firebase($scope.ref);
$scope.remote.$child("items").$bind($scope, "items"); 
Run Code Online (Sandbox Code Playgroud)

这一切都很好,但现在我正在尝试添加拖放重新排序项目的可能性.

我设法使用jquery-ui(基本上是调用$("tbody").sortable())来设置拖放UI ,但我的问题是将它绑定到角度模型.有一个数量 问题就在于(与大jsfiddles),但在我的情况下angularfire 3双向绑定似乎搞乱它.

我想我需要在angularfire中使用firebase 优先级,orderByPriority并且可能在其中一个sortable回调中处理它,但是我很难弄清楚我应该怎么做...并且找不到任何关于它的文档.

有没有人做过类似的事情,你能否分享一些如何设置它的指针?

drag-and-drop jquery-ui angularjs firebase angularfire

6
推荐指数
1
解决办法
1032
查看次数