Question

我试图让jQuery遍历我的asp转发器，每次只显示一定数量的项目。

我已经能够让它一次显示1个项目，但我希望它显示尽可能多的项目作为请求参数要求。

例如，如果我调用这样的网址http://somesite/page.aspx?no_of_items=2，则jQuery应该一次轮换转发器2项。

到目前为止，这是我的代码。

<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>&nbsp;<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>&nbsp;<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>

JQuery循环遍历asp转发器中的可变数量的项目

0 个答案: