Question

我想创建一个自动寻呼机，我可以使用url中的参数进行配置。如果我对perTime变量进行硬编码就可以了。 当我使用网址中的参数时，页面开始变得异常。

你可以看到这里发生了什么： http://risevision.syntra-limburg.be/ClassSchedule.aspx?Campus=genk&no_of_items=3&width=300&height=300

我想每页显示3个项目。这对前2页没问题。 在第三页，每页显示的项目数量更多。

有人知道发生了什么吗？我该如何解决这个问题？

$.urlParam = function (name) {
  var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
  if (results == null) {
    return null;
  }
  else {
    return results[1] || 0;
  }
}
$(document).ready(function () {
  $(".placeholder").width($.urlParam('width')).height($.urlParam('height'))
  var perTime = $.urlParam('no_of_items');
var $divSlide = $('.item');
var currentCnt = 0;
$divSlide.hide().slice(currentCnt, currentCnt + perTime).show();
var panelCnt = $divSlide.length;
setInterval(function () {
  $divSlide.slice((currentCnt % panelCnt), (currentCnt % panelCnt) + perTime).fadeOut("1600", function () {
    $divSlide.eq((currentCnt + perTime) % panelCnt).fadeIn("1000");
    currentCnt++;
    console.log(perTime);
  });
}, 3000);
});

Answer 1

猜测，我尝试解析$.urlParam('no_of_items');：

var perTime = parseInt($.urlParam('no_of_items'));

因为perTime是当前实现中的字符串。我不确定slice有多喜欢......

使用.slice选择太多项目进行分页

1 个答案: