王骏的博客
编程、网络技术点滴...

公告

逐渐将VC知识库的博客迁移到这里!

随笔分类

随笔档案

相册

最新评论

阅读排行榜

评论排行榜

程序员博客   首页  新随笔  订阅  管理  登录 
 
JO2000 阅读(779) 评论(0)

angular-dragdrop组件可以实现拖放操作。

 

(1)引用脚本:

jquery.min.js
jquery-ui.min.js
angular.min.js
angular-dragdrop.min.js

 

注意这四个脚本顺序。

 

 

(2)可拖动的元素

<div class="btn btn-primary" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{animate:true}">title</div>

 

(3)可拖放的位置

<div class="thumbnail" data-drop="true" data-jqyoui-options ng-model="list2" jqyoui-droppable style='height:50px;'>
<div class="btn btn-success" data-drag="false" data-jqyoui-options ng-model="list2" jqyoui-draggable ng-hide="!list2.title">{{list2.title}}</div>
</div>

 

组件官网:http://codef0rmer.github.io/angular-dragdrop/


发表评论
切换编辑模式