当前位置：首页 → 问答吧 → Jquery中如何仅仅显示最后要展示的网页？

Jquery中如何仅仅显示最后要展示的网页？

时间：2009-09-27

来源：互联网

如果在一个慢的网络环境下，在加载下面的网页时，a2, a3,...,a7首先会显示出来，然后a2, a3,...,a7才会一个一个的被隐藏。
我希望这个网页在加载后，仅仅显示最后的a1。请问如何做？谢谢！

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="JS/jquery-1.3.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function() {
            var index = 0;
            $("#tab_box > div")
   .eq(index).show()
  .siblings().hide();
        })
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="tab_box">
        <div>
            a1</div>
        <div>
            a2</div>
        <div>
            a3</div>
        <div>
            a4</div>
        <div>
            a5</div>
        <div>
            a6</div>
        <div>
            a7</div>
    </div>
    </form>
</body>
</html>

作者: mycwcgr 发布时间: 2009-09-27

$.each($('#tab_box>div'),function(i,div){
           if(i > 0){
                  $(div).hide('slow');
              }
});

作者: zcrane 发布时间: 2009-09-27

To zcrane :
我认为你的代码和我的没有什么本质的不同， a2, a3,...,a7一样会首先会显示出来，然后a2, a3,...,a7才会一个一个的被隐藏

作者: mycwcgr 发布时间: 2009-09-28

作者: F0ur 发布时间: 2009-09-28