流沙 - 物品在分拣后消失

Question

我想为我的项目使用Quicksand排序插件。

My example is here.

(function($) {
    $.fn.sorted = function(customOptions) {
        var options = {
            reversed: false,
            by: function(a) { return a.text(); }
        };
        $.extend(options, customOptions);
        $data = $(this);
        arr = $data.get();
        arr.sort(function(a, b) {
            var valA = options.by($(a));
            var valB = options.by($(b));
            console.log(valB);
            if (options.reversed) {
                return (valA < valB) ? 1 : (valA > valB) ? -1 : 0;        
            } else {    
                return (valA < valB) ? -1 : (valA > valB) ? 1 : 0;  
            }
        });
        console.log($(arr));
        return $(arr);
    };
})(jQuery);

$(document).ready(function(){
    var $holder = $('#itemsBox');
    var $data = $holder.clone();
    $('div.preContent a').on('click', function(e){
        e.preventDefault();
        $('div.preContent a').removeClass('active');
        if ($(this).attr('data-sorttype') == 'price'){
            var $filteredData = $data.find('div.item');
            var $sortedData = $filteredData.sorted({
                by: function(v) {
                    return parseFloat($(v).attr('data-price'));
                }
            });
        }
        $holder.quicksand($sortedData, {
            duration: 800,
            easing: 'easeInOutQuad'
        });
    });
});

点击链接＆＃34;按价格＆＃34;后，所有项目都会消失。为什么会这样？