我正在尝试在带有 asp.net/mvc3 的多个表上使用 jQuery tablesorter 插件。我正在关注本教程： http ://weblogs.asp.net/hajan/archive/2011/02/09/table-sorting-amp-pagination-with-jquery-in-asp-net-mvc.aspx
我的页面上有 2 个不同的表格。我希望能够使用此插件为每个表设置行数。我遇到的一个问题是默认情况下表具有第一个表显示的行数。然后我可以在每张桌子上使用插件。因此，例如，在表 1 下方，我有这个：
<div id="pagerOwnerRequests">
<form>
<select id="selectOwnerRequests" class="pagesize">
@*<select id="selectOwnerRequests" class="pagesizeOwnerRequests">*@
<option selected="selected" value="0">0</option>
<option value="2">2</option>
<option value="10">10</option>
</select>
</form>
</div>
在表2下面，我有这个：
<div id="pagerBoardRequests">
<form>
<select id="selectBoardRequests" class="pagesize">
<option selected="selected" value="1">1</option>
<option value="2">2</option>
<option value="10">10</option>
</select>
</form>
</div>
在这个页面的 .cshtml 文件的底部，我有这个：
$(document).ready(function () {
$("#tbOwnerRequests").tablesorter({
headers: {
6: {
sorter: false
}
}
}
).tablesorterPager({ container: $("#pagerOwnerRequests"), size: $(".pagesize option:selected").val() });
});
$(document).ready(function () {
$("#tbBoardRequests").tablesorter({
headers: {
7: {
sorter:false
}
}
}
).tablesorterPager({ container: $("#pagerBoardRequests"), size: $(".pagesize option:selected").val() });
});
那么页面加载时会发生什么，因为表1的下拉列表设置为0，所以表1和表2都有0个元素。然后当我手动进入并更改表 1 或表 2 的下拉列表时，它会正确更新。我不确定为什么。我刚开始使用 jQuery/html/css，如果答案很明显，我很抱歉，但我似乎看不到它。TIA。