0

我有非常简单的代码，可以在我的其他网站上正常工作......我有一个文本。在这个范围内，我绑定了 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);});
});
4

0 回答 0