Javascript JQuery在asp中继器中循环执行可变数量的项
我试图让Javascript JQuery在asp中继器中循环执行可变数量的项,javascript,c#,jquery,asp.net,Javascript,C#,Jquery,Asp.net,我试图让jQuery在我的asp中继器中循环,每次只显示选定数量的项目 我已经能够让它一次显示一个项目,但我希望它显示请求参数所要求的项目数 例如,如果我这样调用url,http://somesite/page.aspx?no_of_items=2,jQuery应在中继器中一次旋转两个项目 这是到目前为止我的代码 <head runat="server"> <meta charset="utf-8" /> <script type="text/javascript"
jQuery
在我的asp中继器中循环,每次只显示选定数量的项目
我已经能够让它一次显示一个项目,但我希望它显示请求参数所要求的项目数
例如,如果我这样调用url,http://somesite/page.aspx?no_of_items=2
,jQuery
应在中继器中一次旋转两个项目
这是到目前为止我的代码
<head runat="server">
<meta charset="utf-8" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function () {
var $divItem = $('.item');
$divItem.hide().eq(0).show();
var itemCnt = $divItem.length;
setInterval(itemSlider, 3000);
function itemSlider() {
$divItem.eq(($divItem.length++) % itemCnt)
.fadeOut("1600", function () {
$divItem.eq(($divItem.length) % itemCnt)
.fadeIn("1000");
});
}
});
</script>
</head>
<body>
<form id="form" runat="server">
<div class="placeholder" style="width: 573px; height: 600px">
<asp:Repeater runat="server" ID="RepeaterClasses">
<ItemTemplate>
<div class="item">
<div class="headline">
<span class="lokaal">
<asp:Label ID="lokaal" runat="server" Text='<%# Eval("nrq_ClassroomIdName") %>'></asp:Label></span> <span class="opleiding"><asp:Label ID="opleiding" runat="server" Text='<%# Eval("nrq_SubcontainerIdName") %>'></asp:Label></span>
</div>
<div class="description">
<span class="tijdstip">
<asp:Label ID="tijdstip" runat="server" Text='<%# Eval("nrq_StartDate") %>'></asp:Label></span> <span class="docent"><asp:Label ID="docent" runat="server" Text='<%# Eval("nrq_TeacherIdName") %>'></asp:Label></span>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
$(文档).ready(函数(){
变量$divItem=$('.item');
$divItem.hide().eq(0.show();
var itemCnt=$divItem.length;
设置间隔(itemSlider,3000);
函数itemSlider(){
$divItem.eq($divItem.length++)%itemCnt)
.衰减(“1600”,功能(){
$divItem.eq($divItem.length)%itemCnt)
.fadeIn(“1000”);
});
}
});