Question

我的jquery tablesorter插件无论我做什么都拒绝工作。我试过降级我的jquery版本，但仍然没有。

我正在使用来自外部json文件的数据从我的js文件构建表。

这就是我的HTML的样子。

<div class="table-responsive">
            <table id="myTable" class="tablesorter">
                <thead>
                    <tr>
                        <th>A</th>
                        <th>B</th>
                        <th>DATE & TIME</th>
                        <th>C</th>
                        <th>D</th>
                        <th><button>View </button></th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>

以下是我导入的脚本

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>        
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
<script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/selectivizr/1.0.3b/selectivizr.min.js"></script>
<script type="text/javascript" src="Vendors/js/jquery.tablesorter.js"></script> 
<script type="text/javascript" src="Vendors/js/jquery.tablesorter.min.js"></script> 
<script src="Resources/js/main.js"></script>

我的js我构建表并调用tablesorter

var tr;
    for (var i = 0; i < json.length - 30; i++) {
        tr = $('<tr/>');
        tr.append("<td>" + json[i].name + "</td>");
        tr.append("<td>" + json[i].summary + "</td>");
        tr.append("<td>" + formatDate(json[i].time) + "</td>");
        tr.append("<td " + "class= text-center>" + json[i].size + "</td>");
        tr.append("<td " + "class= text-center>" + json[i].id + ', ' + json[i].id + "</td>");
        $('tbody').append(tr);
    }

我不相信我从jQuery构建表的事实是我遇到这个问题的原因。我甚至尝试用html创建一个新表，但是没有用。

这就是我用jquery

调用tablesorter的方法

$("#myTable").tablesorter({
        sortList: [[2,0], [3,1]]
    });

非常感谢任何帮助。

谢谢你

Answer 1

使用您的代码简单演示tcpdump -tttt -nn 'tcp[tcpflags] & tcp-syn == tcp-syn && ! host 10.2.3.4'。我没有看到任何问题。

jQuery tablesorter

$(function () {
	var tr;
	for (var i = 0; i < 10; i++) {
		tr = $('<tr/>');
		tr.append("<td>" + i + "</td>");
		tr.append("<td>" + i + "</td>");
		tr.append("<td>" + i + "</td>");
		tr.append("<td " + "class= text-center>" + i + "</td>");
		tr.append("<td " + "class= text-center>" + i + ', ' + i + "</td>");
		$('tbody').append(tr);
	}

	$("#myTable").tablesorter({ widgets: ['zebra'] });
});

jQuery tablesorter在多次尝试后拒绝工作

1 个答案: