jquery sort with append重新加载页面

Question

我有非常简单的代码，可以在我的其他网站上正常使用...我有一个文本。在这个范围内，我绑定onclick事件。如果有人点击它，则会对跨度下的表进行排序。但是，如果我点击它重新加载网站并在新页面上我只能看到表格中的第一张图片（使用FF，在Chrome上我可以看到所有图像，但只有图像）。

重新加载是附加的。我不知道如何修复，特别是如果我在其他网站上使用相同的代码...

<span id="tableSort">Sort</span>

和简短的JS代码：

jQuery(function(){

    var sortOrder = '';
    function tableSort(e) {
            e.preventDefault();
            var mylist = jQuery('table#pcWide');
            var listitems = mylist.children('tbody').children('tr').get();
            (sortOrder === '') ? sortOrder = 'd': (sortOrder == 'a')? sortOrder = 'd': sortOrder = 'a';
            listitems.sort(function(a, b) {
                    var ca = jQuery(a).attr('id');
                    var compA = ca.substr(1);
                    var cb = jQuery(b).attr('id');
                    var compB = cb.substr(1);
                    if (sortOrder === 'd') {
                            jQuery('#tableSort').removeClass('sl-down').addClass('sl-up');
                            return compB - compA;
                    } else {
                            jQuery('#tableSort').removeClass('sl-up').addClass('sl-down');
                            return compA - compB;
                    }
            });
            jQuery.each(listitems, function(idx, itm) {mylist.append(itm);});
    }
    jQuery('span#tableSort').click(function(e) {tableSort(e);});
});