Jquery 根据屏幕大小对div进行排序

几天前，我问了一个关于基于这些类名对div进行排序的问题。我在想，当屏幕宽度小于1200时，是否可以对div进行排序？在1200以上，他将div元素排序回原来的位置？（当屏幕在桌面上调整大小时，它甚至可以工作）

在这个函数运行之前，我试图将旧的顺序保存在数组中。我向每一行添加一个数据属性，每个行的数字为1-x。但我认为这有点过分了

var windowWidth = $(window).width();

order = function(){
    var elem = $('.container').find('.row').sort(sortMe);

    function sortMe(a, b) {
        return a.className.split(' ').pop() < b.className.split(' ').pop();
    }

    $('.container').append(elem);
};

// now the rows are sorted when the screen is smaller then 975 or 1185 but it possible to get the old order back when the screen is bigger then 975 or 1185 (when the screen resizes)
if($('body').hasClass('front')){
    if(windowWidth < 975){
        order();
    }
}else{
    if(windowWidth < 1185){
        order();
    }
}

var windowWidth=$（window.width（）；
顺序=函数（）{
var elem=$（'.container'）.find（'.row'）.sort（sortMe）；
功能排序（a，b）{
返回a.className.split（“”）.pop（）

---

因为在桌面（>1185）上，管理员决定CMS中的排序，但是如果屏幕小于（<1185），我决定排序，这是基于类的。

我通过在订单函数运行之前添加一个

数据属性解决了这个问题。当屏幕大小大于x时，我将根据
数据属性的值对元素进行排序，而不使用数组。如果它更小，我会根据我的类别对它们进行排序

您有两个排序功能，一个用于桌面，一个用于移动设备。对我来说很好