Tag: 排序

jQuery排序函数冻结(上一个)show()文本

我正在对物种列表进行排序,但有时列表很大,需要几秒钟才能对其进行排序。 因此,我尝试添加一个小通知让我们的用户知道有些东西在运行(他们应该等待)。 请查看此页面: http : //ibc.lynxeds.com/family/babblers-timaliidae并单击“排序并过滤[+]”。 然后,单击任何“排序依据”链接。 使用Opera,您将首先收到消息,然后开始对物种进行排序,然后消息将更改为不同的文本,这就是全部。 使用FF或IE时,不显示第一条消息,您只知道CPU正在做一些工作,然后“完成!” 消息显示并淡出。 因此,在最坏的情况下(慢速CPU,大型列表),您可能需要等待20秒然后才能完成! 消息(首先显示“请稍候”,然后在完成时淡出…会好得多…) 调用sort函数的JQuery代码是这样的: $(“.s_alf_eng”).toggle( function() { $(“.warning”).text(“Sorting… please wait”).show(); //warning is an empty div $(‘.media-status-specie li’).sort(sortAscending1).appendTo(‘.media-status-specie’); $(“.warning”).text(“Sorting… Done!”).fadeOut(700); }, function() { $(“.warning”).text(“Sorting… please wait”).show(); $(‘.media-status-specie li’).sort(sortDescending1).appendTo(‘.media-status-specie’); $(“.warning”).text(“Sorting… Done!”).fadeOut(700); }); 它在Opera中非常完美。 我不明白为什么在其他浏览器中没有显示第一条消息。 在开始排序之前,我该怎么做才能强制FF和IE显示“请稍候”消息? 一个相关的问题是如何加快排序(对于最大的家庭,我的core2duo可能需要20秒)。 谢谢你的任何建议! 编辑:排序function在这里找到:stackoverflow.com/questions/1531176

AngularJs中的自定义排序

我有像JSON字段 {“facebook”:”aravind@facebook.com”, “homeAddress”:”26, New Street, Blr”, “officeAddress”:”31, Old Office Street, Blr”, “city”:”Blr”, name:”aravind” }, {“facebook”:”ashok@facebook.com”, “homeAddress”:”26, New Street, che”, “officeAddress”:”31, Old Office Street, che”, “city”:”che”, name:”ashok” } 在Angular js中,我默认按名称命令字段,我有一个文本框和按钮 当我在文本框中输入位置后单击按钮(对于Ex:blr)。 列表按位置排序。 目前我按位置完成了filter。 但我不想过滤。 我想要对列表进行排序 var locationFilterHome = {homeAddress: location}; filterData = $filter(‘filter’)(data, locationFilterOffice) 我使用上面的代码进行过滤。 如何根据位置进行排序

jQuery在类名上排序列表项

我有一个列表,我需要根据类名进行排序。 活动的应该在顶部,没有类的应该在中间,而sm类应该在底部。 此列表也应该依赖于alfabetical顺序。 得到这个结果最好的是什么? ACER ALCATEL APPLE BLACKBERRY HTC HUAWEI LG NOKIA SAMSUNG SONY Alles bekijken minder

只有加载表中的最后一个AJAX请求排序

对于这个问题,我创建了以下示例解决方案: http : //jsfiddle.net/PKcnb/3/ 。 该代码通过YouTube API请求50个video(由于请求限制)。 每个请求都会在最终表中附加一个新行。 我想要一个简单的排序解决方案,所以我使用了jquery.sortElements.js。 sortElement.js似乎可以工作,但它只是对上次发出的请求中的video进行排序。 为什么整个表没有排序? 搜索一下,看起来我需要实现.live(),但我的尝试都没有成功。 相关的JQuery // Recursive function to grab the next set of videos function getVideos(index, max) { $.ajax({ url: ‘https://gdata.youtube.com/feeds/api/playlists/UUAuUUnT6oDeKwE6v1NGQxug?v=2&orderby=duration&max-results=50&start-index=’ + index, // ‘https://gdata.youtube.com/feeds/api/users/tedtalksdirector/uploads’, dataType: “xml”, success: function(xml) { var videos = $(xml).find(“entry”); videos.each(function() { var title = $(this).find(“title”).text(); var duration = $(this).find(“duration”).attr(“seconds”); var minutes […]

使用jquery或javascript对div数据进行排序

我试图用不同的方式对一些DIV进行排序,我很遗憾。 我一直在尝试一些东西,但我不知道如何让它工作。 我有以下格式的div数据。 我有一个下拉列表,其中包括按价格,距离和创建日期等排序选项。在从下拉列表中选择一个optin时,divs数据应该相应地进行排序和显示。 例如,我选择按价格排序,然后数据应按排序顺序显示,价格从低到高开始。 我需要你的指导。 120 2012-05-09 20:39:38.0 20 mile 123 2012-05-10 20:39:38.0 30 mile 100 2012-05-11 20:39:38.0 50 mile 124 2012-05-12 20:39:38.0 60 mile

通过jQuery对随机字段项进行排序

我有一个HTML幻灯片菜单。 具有以下内容: 而我想要的是,每次刷新都会随机排序。 我用过这段代码: function reorder() { var grp = $(“.slide”).children(); var cnt = grp.length; var temp, x; for (var i = 0; i < cnt; i++) { temp = grp[i]; x = Math.floor(Math.random() * cnt); grp[i] = grp[x]; grp[x] = temp; } $(grp).remove(); $(".slide").append($(grp)); } function orderPosts() { $(".slide").html(orig); }​ 但是不要工作。 我可能做错了什么?

使用jQuery对存储在变量中的Div元素进行排序

我有一个存储在变量中的HTML dom元素。 HTML是使用jQuery从handlebar.js和JSON数据生成的。 我需要根据CSV中的值对其进行排序 var html = “Qual Exp Edu Int Ref Img Obj”; HTML通常很复杂,通常超过200行代码。 html将有很多div标签,有或没有id,嵌套div等。我在这里使用一个简单的表示法。 我在一个varibale中将sortorder作为csv var sortorder = “obj,exp,qual,edu,int,ref,img”; 但是带有上述id的div标签将完全存在于生成的HTML中(var html肯定会有所有那些具有相应id的div。)为了保持简单,var html可能有超过100个div但是这7个div是 Qual Exp Edu Int Ref Img Obj/div> 根据var sortorder将defuffly存在于var html中的一些shuffled顺序。 我需要的是相同的var html,但那些div根据传递的值排序。 var html中的其他div不应该受到影响。 我想我已经足够简短地解释了我的要求,我已经发布了这个问题 如何使用jQuery从CSV列表中根据id对div元素进行排序? 但这种方法并不是一直都在运作。

jQuery排序函数性能

我正在排序 元素列表。 我在页面上调整了一个function,我现在无法链接。 你可以在这里看到现场网站。 单击“排序和过滤”,然后单击任何排序方法(英文名称,材料,状态…)。 所有种类都基本相同,因此CPU时间是相同的。 我的jQuery函数看起来像这样: jQuery.fn.sort = function() { return this.pushStack([].sort.apply(this, arguments), []); }; function sortAscending1(a, b) { return $(a).find(“.english”).text() > $(b).find(“.english”).text() ? 1 : -1; }; function sortDescending1(a, b) { return $(a).find(“.english”).text() < $(b).find(".english").text() ? 1 : -1; }; 我从以下jQuery行调用它(s_alf_eng是页面上的一个clicable div)。 $(document).ready(function() { $(“.s_alf_eng”).toggle( function() { $(‘.media-status-specie li’).sort(sortAscending1).appendTo(‘.media-status- }, function() { $(‘.media-status-specie […]

按属性值排序对象

我有一些数组中的对象,并希望对它们进行排序。 应按度量值对对象进行排序。 所以我有以下function: objectz.sort(function(a,b){ return b.metric – a.metric; } 问题是一些对象具有相同的属性值,并且排序的结果总是不同。我想通过其name属性对具有相同度量值的对象进行额外排序,因此每次对它们进行排序时,我都得到相同的对象顺序。 Thx提前!

为什么每次单击列标题时我都无法在jqgrid中对网格进行排序?

我真的很困惑,每次点击列标题时,使用jqgrid的程序都不会排序(降序)? 我尝试创建一个程序,我使用本地数据(.json数据),当我点击列标题时,它在排序方面很有用。 那么第一个问题是什么? 我正在使用客户端服务器的数据…. 这是我的javascript代码: $(“#btnQueryMainAccountGroups”).click( function() { var params = { “SessionID”: $(“#eSessionID3”).val(), “dataType”: “data” } $(‘#tblData’).setGridParam({ url:’process.php?path=’ + encodeURI(‘masterData/data’) + ‘&json=’ + encodeURI(JSON.stringify(params)), datatype: olSettings.ajaxDataType, }); $(‘#tblData’).trigger(‘reloadGrid’); }); $(“#tblData”).jqGrid({ url: ”, datatype: ”, jsonReader : { root: function(obj) { var root = []; if (‘error’ in obj) { showMessage(obj.error[‘class’] + ‘ error: ‘ […]