jquery - 在 jQuery 中向前和向后循环两个数组

Question

此脚本用于切换两个单独的 iframe 中的内容。每个都有其自己的特定内容，确实需要同步。我最初创建它是为了仅在任何键盘触发时向前循环。效果很好。然后我被要求在“后退”按钮事件上向后循环。

它循环，但现在在后向循环中，iframe 中的内容不同步，并且循环不是迭代的，而是看似随机的，具体取决于您在前向循环中的位置，在 iFrame 之间跳转。

代码在前向循环中工作，我不想破坏它。

    <script>
  $(document).ready(function(){
    var locations = ["Assets/Assets0.html", "Assets/Assets1.html", "Assets/Assets2.html", "Assets/Assets3.html"];
    var details = ["Details1/Details0.html", "Details1/Details1.html", "Details1/Details2.html", "Details1/Details3.html"];
    var len = locations.length;
    var len2 = details.length;
    var iframe = $('#Results');
    var iframe2 = $('#Description');
    var i = 0;
    $(document.documentElement).keyup(function (event) {
        // handle delete key
        if (event.keyCode == 8) {
            $(iframe).attr('src', locations[--i % len]);
            $(iframe2).attr('src', details[-i % len2]);

        // all other keys
        } else  {
            $(iframe).attr('src', locations[++i % len]);
            $(iframe2).attr('src', details[+i % len2]);
          }
        });

  });
</script>

Answer 1

负数取模是很奇怪的......试试吧:

例如，您期望 -1 % 3 为您提供 3(最后一个元素)，而实际上它是 2。

我的建议是在“返回”代码周围放置一个 if 来应对 i == 0。