0

单击列标题时，我正在尝试对表格行 Asc 和 Desc 进行排序。它在 Firefox 和 Chrome 中运行良好，但在 IE 中无法运行。我尝试了不同的方法，例如获取最新版本的 jquery，但我仍然遇到相同的问题。一些列按字母顺序排序，一些按数值排序，一些将基于空值排序，最后一些按检查状态排序。我正在根据类进行排序。

我不能使用插件。这就是我所拥有的。为什么这在除 IE 之外的所有浏览器中都有效？我看了又看，在有人以相同方式排序的任何地方都找不到这样的例子。任何信息都会有帮助。谢谢！

这是jquery-

<script type="text/javascript">
$(document).ready(function () {
    $('.s').click(function () { //this is my header click

        var NotOptional;
        var checkState;

        if ($(this).hasClass('o')) { //optional column
            NotOptional = false;
        } else {
            NotOptional = true;
        }
        if ($(this).hasClass('cs')) { //class on my input items
            checkState = true;
        } else {
            checkState = false;
        }


        var o = $(this).hasClass('asc') ? 'desc' : 'asc';
        $('.s').removeClass('asc').removeClass('desc');
        $(this).addClass(o);

        var colIndex = $(this).prevAll().length;  //getting the rows
        var tbod = $(this).closest("table").find("tbody")
        var rows = tbod.find("tr").not('.first');

        rows.sort(function (a, b) {

            if (checkState == true) {   //if its a check box or radio
                var A = $(a).find("td input").eq(colIndex);  //getting checkstate
                var B = $(b).find("td input").eq(colIndex);

                if (A.is(':checked') == true) {
                    A = 1;  //setting row value to compare
                } else {
                    A = 0;
                }
                if (B.is(':checked') == true) {
                    B = 1;
                } else {
                    B = 0;
                }

                if (A < B) {  //returning compare for input
                    return A < B;
                } else if (A == B) {
                    return A == B;
                } else if (A > B) {
                    return A > B;
                }

            } else {
                if (NotOptional == false) {  //not optional never blank 
                    var A = $(a).find("td").eq(colIndex).text().toUpperCase();
                    var B = $(b).find("td").eq(colIndex).text().toUpperCase();

                } else { 
//these don't have to have a value but might contain numeric, letter or a null value
                    var A = $(a).find("td").eq(colIndex).text().toUpperCase();
                    var B = $(b).find("td").eq(colIndex).text().toUpperCase();
                    if (!isNaN(A)) A = Number(A);
                    if (!isNaN(B)) B = Number(B);
                }
            }

            return o == 'asc' ? A > B : A < B;
        });

        $.each(rows, function (index, ele) {
            tbod.append(ele); //appending the rows
        });

    }); //end sortable click

我坚持这一点，无法弄清楚为什么 IE 不理解行排序。如果有帮助，则此 jquery 位于 aspx 页面上的用户控件上。我已经在 IE 中使用开发工具检查了标记，并且类在那里，它通过 Jquery 单击运行，但是当它比较行时，它变得很混乱，只是随机附加它们（即 - 不排序任何东西）

4

1 回答 1

0

好的。我崩溃了，决定使用 Tablesorter。谢谢各位的帮助。我建议任何想要对表格进行排序并需要跨浏览器支持的人，使用表格排序器并编写自己的解析器。

http://mottie.github.io/tablesorter/docs/example-parsers-advanced.html

于 2013-04-17T19:35:01.380 回答