jQuery模块排序与模块编辑界面代码

jQuery模块排序与模块编辑界面代码

一款jQuery模块排序与模块编辑界面代码,网站模板的模块编辑与模块排序。

使用方法
在页面引入相关JS代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// 调用
$(".js_module_1").moduleSet({
    button:[
        {text:'编辑',callback:function(){alert('编辑')},iconfont:''},
        {text:'删除',callback:function(){alert('删除')},iconfont:''},
    ],
})
$(".js_module_2").moduleSet({
    button:[
        {text:'编辑',callback:function(){alert('编辑2')},iconfont:''},
        {text:'美化',callback:function(){alert('美化2')},iconfont:''},
    ],
})
$(".js_module_3").moduleSet({
    button:[
        {text:'编辑',callback:function(){alert('编辑3')},iconfont:''},
        {text:'美化',callback:function(){alert('美化3')},iconfont:''},
    ],
})
// 排序
var container = document.getElementById("container");
var sort = Sortable.create(container, {
  animation: 150, // ms, animation speed moving items when sorting, `0` ― without animation
  handle: ".module1", // Restricts sort start click/touch to the specified element
  draggable: ".module1", // Specifies which items inside the element should be sortable
  onUpdate: function (evt/**Event*/){
  alert(11)
     var item = evt.item; // the current dragged HTMLElement
  }
});
当前内容只有登录了才能查看,如果您已经注册,请登录
1

发表评论