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

所属分类:UI,输入-筛选及排序,拖和放

 25418  332  查看评论 (5)
分享到微信朋友圈
X
jQuery模块排序与模块编辑界面 ie兼容9

更新时间:2018/9/28 上午9:07:59

更新说明:更新css选择器,固定每个色块的颜色

// 调用
$(".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
  }
});
相关插件-筛选及排序,拖和放

jQuery图片筛选过滤器效果

jQuery选项卡形式图片按分类过滤
  筛选及排序
 37906  557

仿当当移动端筛选

仿当当网移动端条件筛选
  筛选及排序
 39184  369

table 点击排序 三种方法

不用通过数据交互那么复杂,可以简单的静态排序和筛选,适用于后台数据列表等需求
  筛选及排序
 40908  365

jQuery根据条件筛选数据

jQuery根据输入关键字和选择的条件进行筛选,常用代码简单实用。
  筛选及排序
 28192  332

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    jiyahua 0
    2019/7/10 16:26:09
    我也实现不了排序,是什么问题
        执手到白头*/0
        2019/7/29 10:17:56
        不可能的啊
    回复
    半醒狐狸 0
    2018/9/28 8:27:57
    拖动排序只有动画效果,但是不能成功拖动啊
        执手到白头*/0
        2018/9/28 9:04:33
        那是我css写法的问题,你可以看看前面的序号是改变的
        cloverBeth0
        2019/12/3 11:30:54
        他的意思应该是刷新页面又恢复原来的排序了,没有记住修改的排序
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复