如何使用 jQuery 在 Firefox 中重置页面刷新时的计数器编号？

Question

我注意到这是否是一个错误...然后 Chrome 和 Opera 等其他浏览器可以重置计数器编号，但 Firefox 不会重置它...

转到 http://bksn.mx/opequimar/renta_descripcion.html

有一个网页并转到缩略图部分，单击向右箭头直到最大数字，然后刷新页面 (F5)，您会看到“3 de 3”，再试一次，您将在 Firefox 中看到“5 de 3”。

第一个数字是 counter，最后一个数字是 size();，每个数字都是缩略图的 div。

有一个计数器脚本：

$("a.prevarrow1").click("click", function() {
  var qInput = $(this).parents(".quantityInput");
  var qText = qInput.find(".quantityText");
  var qValue = parseInt((qText.val())? qText.val() : 0);
  qText.val(Math.max(qValue - 1, (qInput.attr("min"))? qInput.attr("min") : -0xffff));
});

$("a.nextarrow1").click("click", function() {
  var qInput = $(this).parents(".quantityInput");
  var qText = qInput.find(".quantityText");
  var qValue = parseInt((qText.val())? qText.val() : 0);
  qText.val(Math.min(qValue + 1, (qInput.attr("max"))? qInput.attr("max") : 0xffff));
});

HTML 输出：

<div class="quantityInput" min="0" max="64">
<p>Pags. &nbsp;
    <input type="text" disabled="disabled" class="quantityText" value="1" />
   de &nbsp;<span></span></p>
<div class="absolute">
   <a class="prev prevarrow1"></a>

<a class="next nextarrow1"></a>
   </div>
</div>

如果不可能，我接受您的新脚本。 提前致谢！

Answer 1

问题是页码存储在文本框中。 Firefox、IE 和“返回 Netscape 1 的浏览器（几乎肯定是 NCSA Mosaic）”根据Brendan Eich 会在重新加载时恢复已保存的表单数据，但不会在切换重新加载时恢复。基于Webkit的浏览器在这里确实不兼容。

解决方案是避免使用文本框来显示数字（将其更改为 ，使用 jQuery 的 .text()）或在加载时读取输入的值并适当更新页面的状态（将缩略图滚动到指定的页码）。