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つは、デフォルトでテーブルに最初のテーブルに表示される行数があることです。その後、各テーブルでプラグインを使用できます。たとえば、表 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 を使い始めたばかりなので、答えが明らかな場合は申し訳ありませんが、見えないようです。ティア。