javascript - 使用 jQuery 根据属性值将元素移动到正确的顺序

Question

我第一次尝试使用 jQuery 的数据属性，id 喜欢做的是根据 data-order 属性将元素移动到正确的顺序。

尽管我不断收到“未定义”，但我不确定如何找到数据顺序属性的正确值？

有人知道我做错了什么吗？而且，有没有办法找到它应该在 dom 中出现的正确元素？因此，如果当前值的数据属性是 5，那么它应该位于 balue 4 的属性之后..

$(document).ready(function(){  

// Move the profile back to positton funciton
function dmoveProfile(){

    alert($(this).data("data-order"))

};

$('.box').click(function(){
    alert($(this).data("data-order"))
});

// move into position


});

http://jsfiddle.net/Fta6p/

Answer 1

对于为什么您的订购功能无法正常工作，您似乎已经有了足够的答案。

使用基本 JS 对元素进行排序会更好。如果您正在寻找 jquery 解决方案，您可以在这里找到它:

function sortBoxes(){
    for(var i=1; i<= $('.box').length; i++) {
        var $box = $('.box[data-order="'+i+'"]');
        $box.appendTo($('section'));
    }
};

$('.box').click(function(){
    // alert($(this).data("order"));
    sortBoxes();
});

演示:http://jsfiddle.net/Fta6p/7/