jquery问题.求高手指教.急急急~!!!十万火急~!!!!

<div class="card"  >
 <div id="1" class=""  style="display:none" > 
  <img src="images/.gif" width="164" height="196" />
 </div>
 <a id="di1" name="ddd" href="mycard_use.action?cardId=<%=cardId%>&userId=<%=request.getAttribute("getUserId()") %>">
  <img id="di2" src="<%=cardPath%>" width="166" height="199" />
 </a>
</div>
点击id=di2这个图片, 之后把id=1这个图片显示出来,等3秒,然后跳转id=di1这个链接.这里面的参数(cardId)都是经过遍历得到的.这个怎么写呀.求高手指教. 这里面的div 也是要一起遍历的.一共会显示6张图片,点击每张图片都会产生效果.
  这里i面的ID是我方面叙述才加的,你们可以随便改,只要能实现上卖弄的效果就可以了.
 
 

解决方案 »

  1.   


    $(document).ready(fucntion(){
      $('#di2').click(function(){
         $('#1').show();
         setTimeout("cli", 3000);//等待三秒跳转
      });
    })
    function cli()
    {
       var url=document.getElementById("di1").href;
       window.location.href=url;//window.Open(url);
    }
      

  2.   

    1楼的兄弟,这里的div会经过遍历,产生6个div出来,所以这里的6个div的id会一样.我加上id只是方便我表述.你的思路没错,但是你那是针对一个div来实现的.希望楼下的兄弟能帮我把这个功能实现.
      

  3.   

    这个问题很好理解啊。如果是循环的话你可以到对应的标签的id后面跟上你循环的数。如："id"+i
    然后在js里面也拼接上一个i。这样就可以搞定了。不知道楼主明白我的意思没？
      

  4.   

    一楼的兄弟回答是对的，只是你本身写的代码是有问题的
    <a id="di1" name="ddd" href="mycard_use.action?cardId=<%=cardId%>&userId=<%=request.getAttribute("getUserId()") %>">
      <img id="di2" src="<%=cardPath%>" width="166" height="199" />
     </a>
    这里应该生成了好几个吧，但是一个页面只能有一个id，你这一下来了好几个一样的id，这就不行了
      

  5.   

    6楼说的不错,但是我知道这样搞得ID不行,我题目也说的很清楚了,这里经过遍历会有产生6个div. 这里的id是我为了表述方便才加的.  正因为会产生6个.所以我才不知道怎么弄了.发满高手们告诉我下,最好贴下代码.题目在上面,大家可以看仔细点.
      

  6.   

    你其实就是想实现点击链接的时候有一个loading的效果吧？
      

  7.   

    3 秒后你想要显示的div总应该有条件的吧？
      

  8.   

    是的 ,但是我的连接在一个循环里面,产生的6个div里面的都不一样.你知道怎么弄吗?
      

  9.   

    这是jsp页面直接将代码copy到jsp页面运行即可，效果实现需要jquery-1.4.4.min.js（其他版本也行），jquery.blockUI.js<%@ page language="java" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
    + request.getServerName() + ":" + request.getServerPort()
    + path + "/";
    %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <base href="<%=basePath%>"> <title>My JSP 'MyJsp.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="jquery.blockUI.js"></script>
    <script type="text/javascript">
    function imgClick(myurl){
        loading('正在跳转，请稍后...');
       setTimeout("goAction('"+myurl+"')",3000);
    }
    function loading(msg){
             $.blockUI({
                message: "<span style='vertical-align:middle;'><img src='<%=basePath%>images/loading.gif'></span>&nbsp;"+msg,
           overlayCSS:{backgroundColor:'#EFEFEF',opacity: .4},
               css: { 
                border: 'none', 
                padding: '10px', 
                backgroundColor: '#0F43B7', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px', 
                opacity: .6, 
                color: '#fff',
                width:'300px'
            }
         });
            }
            function goAction(myurl){
             window.location.href=myurl;
            }
    </script> </head> <body>
    <%
    for (int i = 1; i < 7; i++) {
    %>
    <div class="card">
    <img src="<%=basePath%>/images/add.gif" style="cursor: pointer;"
    width="166" height="199" onclick="imgClick('http://www.baidu.com');" />
    </div>
    <%
    }
    %>
    </body>
    </html>