问题标签 [tinysort]

我正在尝试让 jQuery 插件TinySort按链接的 href 属性对 div 进行排序。我想要可排序的 div（“box”）在两个单独的 div（“row1”和“row 2”）中均匀划分，这两个 div 在另一个 div（“项目”）中。IE，可排序的 div 从父元素向下三层。

我的功能是一个简单的点击事件来排序：

我认为这意味着：

单击#sortname 时，所有.box 将按其中包含的链接的href 属性降序排序。实际上，单击它时没有任何反应。我觉得我在这里遗漏了一些明显的东西。

我也试过

和

选择 .box 的子项和后代 div，但这些也不起作用。

HTML：

Tinysort文档说区分大小写的排序可以配置为：

我已经在带有 Bootstrap 类的表之前将该配置 JavaScript 添加到我的网页中sortable，但 Tinysort 配置似乎没有任何效果。

如何为区分大小写的排序配置 Tinysort？

我正在使用tinySort过滤动态创建的子 div，效果很好。但是，我还想限制排序后的子 div 的数量。例如.. 只有前 5 个排序的 div。

这是我用来排序的当前代码。

我想过使用这样的东西 if (($this).children().length < 5)

但是，我不确定如何将它整合到 tinySort 中，或者这个功能是否已经存在？

任何建议或帮助表示赞赏。

DOM 结构：

鉴于这种观点：

单击标题时出现以下错误：

未捕获的 ReferenceError：未定义 tinysort

我不确定为什么会这样，因为tinysort.min.js结尾是： a.fn.TinySort=a.fn.Tinysort=a.fn.tsort=a.fn.tinysort}(jQuery); 我认为这意味着“对于所有这些大小写不同的 tinysort 拼写”。

可以用手整理一下。没有双关语的意思。

仅供参考：我使用的 jquery 几乎正是TinySort 页面上的内容。

我正在尝试使用 tinysort 对我的表客户端进行排序，我也在使用引导程序进行响应，下面是我的表

下面是我的 Javascript

这里的问题是，当我使用“错误”头进行排序时，它会使用 Span 对行进行排序，该跨度对于小型、中型和大型是隐藏的，并且仅在超小型设备中可见。

因此，当我从桌面排序时，它仍然使用该跨度进行排序。

我想要做的是它不应该使用该跨度对其进行排序，但它应该在小型、中型和大型设备中使用链接进行排序，而在超小型设备中使用跨度进行排序。

这是jsfiddle

我目前正在寻找使用 Tinysort.js 对嵌套列表进行排序的解决方案

我的 HTML

Javascript

结果：

应该：

我已经设置了一个 CodePen 来显示我的问题： http ://codepen.io/anon/pen/QbPVox

我的问题是 tinysort 也会对不同父母之间的 li 进行排序。我该如何解决

有人可以帮我吗？

我不能让 TinySort 将缺少属性的元素放在已排序元素的下方。“place”和“emptyEnd”之类的选项根本不会改变顺序。

请看一下： https ://jsfiddle.net/dm8cz4ra/1/

如果我只选择具有使用属性的元素，nodeList = $('#list > div[position]')它们总是落在最后。

我想使用Tinysort使用TIME元素的第一个元素对这个列表进行排序LI。

所以在我的情况下，它应该说：玛丽 - 约翰 - 爱丽丝（或者不太正确，但可以接受，可能是：爱丽丝 - 玛丽 - 约翰）。

我努力了

但它弄乱了我的列表，只对 . 进行排序bubble div，而不是li. 此外，任何没有的元素time都会被忽略，因为它没有指向li.

或者，我可以在元素内添加一个时间属性li，但是我弄脏 HTML 越少越好，因为这样的属性并没有真正添加任何语义。有什么建议可以用尽可能少的 HTML 修改对列表进行排序？可能我想要的是让tinysort意识到我想要对lis 而不是bubbles 进行排序。

这个很傻，但我发现 TinySort（独立分钟）让我感到困惑：我想在容器 div（#body）中对 div（.story）进行排序，所以我使用 a <button onclick="tinysort('div#body>div,{order:'desc',attr:'id'});">Descending</button>，点击后切换到升序。我的 div 代码是：

我正在考虑使用tinysort对复杂div列表进行排序这里是第一次尝试html

我希望它会是

然而它是