如果在一个慢的网络环境下,在加载下面的网页时,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>

解决方案 »

  1.   

    这个不用JS,用样式表控制一下就OK了:<style type='text/css'>
    .initialhide{display:none;}
    </style>
    <div id="tab_box">
            <div>a1</div>
            <div class='initialhide'>a2</div>
            <div class='initialhide'>a3</div>
            <div class='initialhide'>a4</div>
            <div class='initialhide'>a5</div>
            <div class='initialhide'>a6</div>
            <div class='initialhide'>a7</div>
        </div> 
      

  2.   

    将7个div的display特性设定成none,然后让该显示的显示出来这样就行吧.
      

  3.   

    这仅仅是一个例子!
    我想要表达的是如何用编程的方法在Jquery中仅仅显示最终要展示的网页
      

  4.   

    这仅仅是一个例子!我知道可以将7个div的display特性设定成none,从而不显示他们!我想要表达的是如何用编程的方法在Jquery中仅仅显示最终要展示的网页
      

  5.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript" src="../My Documents/未命名站点 1/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#tab_box > div:not(:first)').hide();
    });
    </script>
    </head><body>
    <form id="form1" runat="server">
        <div id="tab_box">
            <div id="1">
                a1 </div>
            <div>
                a2 </div>
            <div>
                a3 </div>
            <div>
                a4 </div>
            <div>
                a5 </div>
            <div>
                a6 </div>
            <div>
                a7 </div>
        </div>
        </form>  
    </body>
    </html>
    别忘了把路径改成你的路径~``
      

  6.   


    lz怎么都不明白呢?只有用样式表才能使dom加载时隐藏
    如果你使用jq,总是要等dom加载完成后才能调用隐藏的方法,而这时已经显示了
      

  7.   

    To sohighthesky:
    谢谢!
    有什么好的方法解决这个问题呢?至少是加快隐藏速度!
      

  8.   

    To MuBeiBei
    谢谢!
    但是我认为你的代码和我的代码在本质上没有什么区别,在慢的环境下仍然会先显示后隐藏
      

  9.   

    楼主你怎么不看1楼写的啊
    不要什么都想着用JQ
    JQ还不是通过CSS来实现隐藏的
    你的这个需求完全可以按1楼那样做
    根本用不到JS
      

  10.   


    直接让层隐藏起来就成了~··有的时候也得利用CSS~·来实现功能~·
      

  11.   

    你在加载DOM的时候当然是加载完就显示了,不可能不显示好吧你非要用JQ,可以这样搞把body先隐藏了
    然后在JS里面分别设置你需要显示,隐藏的
    设置完了再把body显出来
      

  12.   

    谢谢大家!1、我一再说明这仅仅是一个例子!我也知道可以将7个div的display特性设定成none,从而不显示他们! 2、我想要表达的是如何用编程的方法在Jquery中仅仅显示最终要展示的网页!我这样写代码,是因为在我的程序中是有这个必要的,所以不要认为我问这个问题不妥当!3、我认为tiantianzzz的方法可能有一定的操作性,我将试试
      

  13.   

    还有一个办法啊,动态添加dom元素,通过点击不同的按钮动态添加删除dom里的元素不就是你想要的效果了?
      

  14.   

    在网速慢的情况下,你的这个问题是无解的,10楼的写法目前来说应该算是最快的,因为jquery里的document.ready就是DOM节点加载完成就马上执行的。或者你可以试试把js写在你要隐藏的DOM后面,看这样会不会更早执行。