Javascript jQuery UI的轻量级替代品';s可排序()?

Javascript jQuery UI的轻量级替代品';s可排序()?,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,jQueryUI(1.8+)正在发展成为一个伟大的库,但我发现它对我来说太多了。是否有其他库用于创建占用空间较小的可排序列表? 排除占位符和交叉列表排序等功能是可以接受的 编辑: (这已成为一个有趣的讨论,感谢所有回复。) 似乎有一些用户不知道jQueryUISortable是什么。这不是表格排序,而是列表排列。考虑重新订购您的Netflix队列。请参见此处的演示:Jquery/UI将是确保跨浏览器兼容性的最佳方法。您甚至不必从服务器加载JS和CSS文件。jQuery和jQuery UI都可以从

jQueryUI(1.8+)正在发展成为一个伟大的库,但我发现它对我来说太多了。是否有其他库用于创建占用空间较小的可排序列表?
排除占位符和交叉列表排序等功能是可以接受的

编辑:
(这已成为一个有趣的讨论,感谢所有回复。)

似乎有一些用户不知道jQueryUISortable是什么。这不是表格排序,而是列表排列。考虑重新订购您的Netflix队列。请参见此处的演示:

Jquery/UI将是确保跨浏览器兼容性的最佳方法。您甚至不必从服务器加载JS和CSS文件。jQuery和jQuery UI都可以从google CDN加载。此外,大多数用户已经从谷歌缓存了jqueryjs文件,所以大多数用户甚至不必重新加载它们

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/start/jquery-ui.css" type="text/css" media="all" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>


还可以查看这个链接,了解为什么从Google加载jQuery更好,正如我前面提到的

我记得,在下载jQuery UI时,可以只选择您需要的功能。因此,您只能下载带有其依赖项的可排序表

您可以尝试javascriptmvc.com框架。它构建在jquery之上,并具有强大的“窃取”机制,允许您只包含真正使用的框架部分

其mxui库提供可排序功能,您可以在此处尝试:

在看了Samuel Hapak提供的SO答案后,我提供了我的答案。
steal.js
文件是一个重量级文件,大小为
18.7kb
。然后在
2.7kb
sortables.js中使用“steal
21.4kb
。在
4kb
处添加可选的拖放,并在
5.5kb
处拖动,使总计达到
30.9kb
。参考dev tools中的demo页面和view source NET选项卡

为了进行比较,jQuery UI Sortable插件的权重为33.3Kb(其中包括您不需要的必要裸
UI核心)


请考虑轻量级插件,其权重仅在<强>代码> 18.9kb< /代码> < /强>,即<<强> < <强> >三依赖关系>代码<拖拽>代码> <代码>下拉>代码>和<代码> UTIL<代码> >


界面元素排序表还有一个简单的示例页面和。

好的,我一直在等待其他人得到更好的答案,但由于这还没有发生,我将分享我自己的研究:

  • 到目前为止,jquery是最流行的,并且只能检查相关部分(例如,只有可排序的插件),这仍然会增加jquery的开销
  • 这是基于prototype.js构建的
  • 旧的“DHTML”库还提供了(就地编辑)。这是我能找到的唯一一个“专用”图书馆(令我惊讶)
  • 很少有其他的定制脚本也都是旧的,比如。搜索将出现许多这样的结果

如果我冒昧地对这一缺陷进行理论分析,我想应该是这样的,因为拖放操作需要大量跨浏览器的黑客攻击和修复,因此任何打算解决这一问题的人都将依赖于现有的库,这些库至少可以限制痛苦的程度。

-“jQueryUI(1.8+)正在发展成为一个伟大的库“。如果你这么认为,为什么要选择其他库呢?我认为你需要一个替代库,因为jQueryUI库的负载非常重。如果是,下载自定义库后。将其上传到您的服务器上或上传到免费的JavaScript托管网站,如-
http://yourjavascript.com/
或者从中选择一个网站我找到的最小最简单的代码是。它是一个很小的JQuery插件,可以跨多种浏览器工作,大小只有1.5 KB


缩小到8.4KB是另一个候选。这是一个jQuery插件,似乎得到了积极维护。

在此之前发布的答案出人意料地过时了

是一个快速、无依赖性、小的可重排序列表小部件,支持触摸,可与HTML5本地拖放API一起使用。您可以在Bootstrap、基础或任何您想要的CSS库中使用它,而实例化它只需要一行。

它支持在列表内或跨列表重新排序。您可以定义只能接收元素的列表,或者可以从中拖动但不能拖放的列表。它也非常积极地维护和维护

new Sortable(document.getElementsByClassName('Sortable')[0])

  • 这是
  • 它与引导程序一起工作
  • …开箱即用
  • 它支持触摸设备
  • 只需拖动一些元素即可
我不知道。你可以从这个网站上定制JQUI库,只包含你需要的部分。你找到了吗?我仍在寻找,但我发现了和,这可能是可以被吞并的。除了jQuery UI(除非你想投资GWT),没有其他的东西是“交钥匙”的(除非你想投资GWT)。如果你要写你自己的(就像我一样),你将需要大约2-3个月的时间来完成所有浏览器的DOM和JS怪癖。代码量将是UI的两倍,在创建构建/缩小系统以减小文件大小后,您会想知道为什么不首先使用UI。:)这可能会帮助您tb::)正如其他人所建议的,我认为您最好使用jQueryUI(定制构建以使其更轻巧)。确保在您的服务器中启用gzip压缩,这样可以减少文件大小ECDNS有很多文件