Tag: 排序

jQuery javascript自定义排序程序在Firefox中运行,但IE似乎没有得到它…(复制粘贴示例代码)

我根据应用程序中的实际问题构建了此示例代码。 我有一个自定义排序过程来排序jQuery数组。 容器包含具有特殊属性的项列表。 用于分类: 加载临时数组中的所有项目 清除容器 将临时数组排序为新数组 将已排序的项目附加到容器 不知何故,Firefox知道如何排序,但IE不知道。 有人能告诉我什么不能正常工作吗? (你可以将下面的html复制粘贴到一个空的.html文件中,它应该立即工作) jQuery.fn.sort = function() { return this.pushStack( [].sort.apply( this, arguments ), []); } function DoTheSort() { //Fetch elements in jQueryElement var sortableArray = $(‘#sortables’).find(‘div.sortable’); //Clear the sortables container $(‘#sortables’).empty(); //Sort the array var sortedArray = $(sortableArray).sort(sortProcedure); //Append sorted items jQuery.each(sortedArray, function() { alert($(this).attr(“sortvalue”)); $(‘#sortables’).append(this); }); […]

jQuery日期排序

可能重复: 通过将字符串转换为日期格式来进行Javascript日期排序 我在jquery中表现不佳,所以我想知道是否有一种方法或插件可用于排序日期div。 我在YYYY有约会:MM:DD HH:MM:SS格式。 我在div中显示日期,如下所示。 Div是无序格式,我想先在最新日期对它们进行排序。 2012-04-15 10:25:45 2012-04-10 19:41:08 2012-04-20 07:00:10 2012-04-12 16:45:50 谢谢

jQuery:根据不同子div的内容对div进行排序

我正在尝试创建一个有点复杂的排序function,既不使用div也不使用列表。 不幸的是,两个小时的谷歌搜索没有帮助我。 这是我的HTML的基本设置: Name (Sort Argument 1) Title (Sort Argument 2) 2010 (Sort Argumentt 3) Great Britain (Sort Argument 4) 设置有点复杂,但基本上.element是需要根据h3,div.title,div.year或div.country的内容按字母顺序排序的元素。 因此,用户将能够按名称,年份,国家或标题查看网站内容。 我有一个来自网站的jQuery片段,但我尝试告诉它使用例如h3的内容进行排序的所有尝试都失败了。 现在它几乎随机排序。 jQuery.fn.sort = function() { return this.pushStack([].sort.apply(this, arguments), []); }; function sortAscending(a, b) { return a.innerHTML > b.innerHTML ? 1 : -1; }; function sortDescending(a, b) { return a.innerHTML < b.innerHTML ? […]

如何使用Jquery Datatable仅对当前页面进行排序

我一直在为许多项目使用Jquery数据表,它适用于所有场景。 对于我当前的项目,我要求仅对当前页面进行排序,但默认情况下,datatable将对整个数据进行排序并重绘整个表格。 我确信将会有一些简单的配置来启用此function,但除了这些来自论坛的行之外无法找到 var table = $(‘#example’).DataTable(); // Sort by column 1 and then re-draw table .order( [[ 1, ‘asc’ ]] ) .draw( false ); 我试过这个,但似乎没有任何效果。 任何人都已成功实现此function,请分享您的代码。

jqGrid在客户端排序

我有一个带有自动加载行的树形网格。 目标是在客户端按树列对网格进行排序。 但每次我点击排序列标题时,它都会发出一个Ajax调用进行排序,但我需要的只是使用本地数据进行就地排序。 我是否有不正确的网格参数或树树上的客户端排序没有树? 用于排序的当前jqGrid参数是: loadonce: true, // to enable sorting on client side sortable: true //to enable sorting

使用jQuery对元素进行排序

我的网站上有以下HTML代码: Group 1 priority: 1 2 3 Group 2 priority: 1 2 3 Group 3 priority: 1 2 3 我正在寻找一种方法来根据下拉列表中选择的内容,使用jQuery对这些组在浏览器中出现的顺序进行排序。 当用户在任何下拉列表或页面加载中选择新值时,它应该求助。 这个问题最简单的方法是什么? 我可以使用jQuery UI,如果可以以任何方式使用可排序的东西。 我无法找到使用它的方法。 更新 : 中还有其他数据,无论它们在何处移动,都应遵循下拉列表。 组的数量从0到20不等。

javascript排序的HTML元素

我正在尝试对li元素进行排序并获得未经validation的结果,我需要对其进行三次排序才能正确完成, 哪里弄错了? JavaScript的 var sort_by_name = function(a, b) { return a.innerHTML.toLowerCase() > b.innerHTML.toLowerCase(); } $this = $(“ol#table1”); var list = $this.children(); list.sort(sort_by_name); console.log(list); $this.html(list); HTML I IXX I I I I I I IXX I I I I I st st st 小提琴的例子

如何随机排序列表项?

我目前有这个代码随机排序列表项: var $ul = $(‘#some-ul-id’); $(‘li’, $ul).sort(function(){ return ( Math.round( Math.random() ) – 0.5 ) }).appendTo($ul); 但是,还有更好的解决方案吗?

使用Javascript或jQuery在第一列快速对表进行排序

我有一个从FullCalendar动态填充的表。 问题是FullCalendar不关心它的原始顺序。 该表如下所示: Date hours … 1 … 3 … 2 … 4 … 每行的第一行包含表应该排序的数字。 我有这个代码来排序它: var rows = $(‘#caltbl > tbody’).children(‘tr’).detach(); for (var counter = 1; counter tbody:last’).append($(this)); } }); } 这在Firefox中运行良好,但在Internet Explorer中引起了我的一个主要问题,因为有超过500个项目并且它挂起。 我可以添加一个setTimeout但这不能解决真正的问题。 排序很慢。 什么是更快的排序方式? 而不是必须从 html开始,因为我说它被动态填充,所以我有一个包含html的Array 。 每件 1 1项(未分类)

jqgrid客户端侧排序与服务器端分页 – 数据消失

它在jqgrid文档中声明下面的代码应允许使用服务器端分页进行本地排序; 网格数据在分页时消失; 之前已经问过这个问题没有明确的答案 – 使用loadonce的建议:true意味着关闭分页 – 我需要分页 稍后编辑完成完整的html页面和json响应(我现在从php / mysql后端运行它)。 我的完整HTML页面 JQGrid Test html, body { margin: 0; padding: 0; font-size: 90%; } $(function() { $(‘#table’).jqGrid({ jsonReader : { repeatitems: false, cell:””, id:”0″ }, height:’auto’, url:’/jqgrid/orderdetails.php’, postData:{test:’value’}, datatype: ‘json’, mtype: ‘POST’, rownumbers:true, rownumWidth:35, colNames:[‘OrderID’,’UnitPrice’,’Quantity’,’Discount’,’ProductName’], colModel :[ {name:’OrderID’, index:’OrderID’,search:false,sorttype:’integer’}, {name:’UnitPrice’, index:’UnitPrice’,editable:true,sorttype:’float’}, {name:’Quantity’, index:’Quantity’,sorttype:’int’}, {name:’Discount’, index:’Discount’,sorttype:’int’}, {name:’ProductName’, […]