asp.net-显示/隐藏列表的一部分

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了asp.net-显示/隐藏列表的一部分，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1106字，纯文字阅读大概需要2分钟。

内容图文

我有一个(无序)列表(由转发器生成).但是,我想显示前三个项目,其余的隐藏在主要内容div中.当按下一个按钮时,我希望列表的div扩展,将主要内容div向下推并显示列表的其余部分.我当时在考虑使用slideDown(),但这会关闭整个div(我想显示列表的前3个项目).达到这种效果的最佳方法是什么？是否有一个可以轻松显示列表中X个项目并根据要求显示其余项目的插件？

谢谢

编辑：添加当前代码：

   <div id="name_links">
        <asp:Repeater ID="rptName" runat="server">
        <ItemTemplate>
        <ul class="ul_links">
        <li>

        <a id="aName"  runat="server" href=<%# Eval("Name")%> >
    <%# Eval("Name")%> 
      </a>

        </li>
        </ul>
        </ItemTemplate>
        </asp:Repeater>
    </div>

<div id="main_content" >
...
</div>

我尝试添加此JQuery,但似乎没有选择任何链接：

    $("ul.ul_links").each(function() {
        $(this).children("li:gt(3)").hide();

        alert("Testing"); //This never gets called. 
    });

解决方法:

您的项目模板看起来不对

它应该是

 <div id="name_links">
     <ul class="ul_links">
    <asp:Repeater ID="rptName" runat="server">
    <ItemTemplate>
    <li>

    <a id="aName"  runat="server" href=<%# Eval("Name")%> ><%# Eval("Name")%> 
  </a>

    </li>
    </ItemTemplate>
   </asp:Repeater>
  </ul>
</div>

然后,jQuery将能够根据需要显示和隐藏.

另一种创建ul->的方法. li标签.

内容总结

以上是互联网集市为您收集整理的asp.net-显示/隐藏列表的一部分全部内容，希望文章能够帮你解决asp.net-显示/隐藏列表的一部分所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---