【day14】js排序插件 Sortable

最新推荐文章于 2023-12-19 18:36:49 发布

泠鸢秋绘

最新推荐文章于 2023-12-19 18:36:49 发布

阅读量449

点赞数

分类专栏： java前端文章标签： javascript

本文链接：https://blog.csdn.net/m0_46953020/article/details/115559066

版权

java前端专栏收录该内容

34 篇文章 0 订阅

订阅专栏

获得重新排序后的数组

 //使用Sortable插件
    new Sortable(list_wrap, {
        animation: 150,
        handle: '.list_wrap',
        direction: 'horizontal',
        onUpdate: function (evt) {
            /* console.log("evt.oldIndex : " + evt.oldIndex);
             console.log("evt.newIndex : " + evt.newIndex);*/
            scoringReset();
        }
    });

    //重新排序（前面的序号）
    function scoringReset() {
        cpr_arr.length = 0;
        for (var i = 0; i < $('.scoring-type-item').length; i++) {
            $('.scoring-type-item').eq(i).find('span').text(i + 1 + '.');
            var order_cpr_name = $('.scoring-type-item').eq(i).find('input.cpr_name').val();
            var order_cpr_userid = $('.scoring-type-item').eq(i).find('input.cpr_userid').val();
            console.log(order_cpr_name);
            console.log(order_cpr_userid);
            var order_cpr_obj = new Object();
            order_cpr_obj.name = order_cpr_name;
            order_cpr_obj.value = order_cpr_userid;
            cpr_arr.push(order_cpr_obj);
            /*  console.log($('.scoring-type-item').eq(i).find('input:nth-of-type(1)').val());
              console.log($('.scoring-type-item').eq(i).find('ipnut:nth-of-type(2)').val());*/
        }
        console.log(cpr_arr);
    }

Sortable官网