Javascript代码在Firefox浏览器中不起作用

Question

如果我选择20条记录并单击下一个按钮，然后使用浏览器返回到此页面按钮必须保持显示，因为必须显示20条和20条记录。此JavaScript代码在chrome中工作。但它在Firefox中不起作用。

在Firefox中，显示值和记录将重置为5

$(window).on('load', function() {
var value = $('#display :selected').val();
var v = parseInt(value);
var lp = (5 * v) + 1;
$("tr.top-per").addClass("hidden");
for (i = 1; i <= (lp + 4); i++) {
$("tr#row-" + i).removeClass("hidden");
}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="custom-select" id="display">
<option value="0" selected>Display: 5</option>
<option value="1">Display: 10</option>
<option value="2">Display: 15</option>
<option value="3">Display: 20</option>
</select>

Answer 1

你能试试吗？我在函数和event.prventDefault((中添加了一个事件参数；

$(window).on('load', function(event) {
event.preventDefault();
var value = $('#display :selected').val();
var v = parseInt(value);
var lp = (5 * v) + 1;
$("tr.top-per").addClass("hidden");
for (i = 1; i <= (lp + 4); i++) {
$("tr#row-" + i).removeClass("hidden");
}
});