2 mr chen 100 mr_chen_100 于 2015.06.24 15:04 提问

js点击子元素让父元素隐藏失效 10C

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



登录

  • 分类一
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类二
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类三
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类四
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
  • 分类五
    说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
个人
商户
志愿者
验证码

版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有


body{margin:0px;padding:0px;font-family:宋体,Arial;font-size:13px;position:relative;background:#FFF9E1;}
ol,ul,li,img,input{margin:0px;padding:0px;list-style:none;}
div{margin:0px auto;padding:0px}
.bgcolor{background:#E84B66 !important;}
img,input{outline:none;}
.bgcolor-one{background:#4FB8CF !important;color:#FFF;}
.hide{ display:none;}

#out-content{min-height:480px;}
#content{width:1000px; overflow:hidden; position:relative;}
#nav-title{width:1000px;height:50px;}
#nav-title li{float:left;font-size:15px;font-weight:700;color:#A4A3A2;line-height:50px;cursor:pointer; position:relative; width:80px; height:50px; color:#4D4D4D; text-align:center;}
.show-text{position:absolute; width:500px; height:330px; z-index:9000; background:#FFF;padding:15px; line-height:20px; letter-spacing:1px; font-size:13px;font-weight:400; color:#4D4D4D; top:50px; display:none;}
.xuanzhuan{width:30px;height:30px;background:#FFF;position:absolute; top:-10px; z-index:-1000;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 /
-moz-transform:rotate(45deg); /
Firefox /
-webkit-transform:rotate(45deg); /
Safari 和 Chrome /
-o-transform:rotate(45deg); /
Opera */
}
.close-img{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000;}
.closex{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000; color:red; font-size:16px; line-height:18px;}

#myslide{width:650px;height:420px;position:relative;overflow:hidden;float:left;}
#myslide img{width:650px;height:420px;border:none;outline:none;position:absolute;top:0px;left:0px;display:none;}
#myslide img.first{display:block;}
#myslide ul{position:absolute;z-index:8000;bottom:20px;}
#myslide ul li{float:left;width:10px;height:10px;margin-left:8px;border-radius:50%;background:#FFF;}
#myslide ul li:hover{background:#E84B66;}

#login{width:300px; height:420px; float:right; border:1px solid #E4E4E4;}
#login .title{width:300px; height:50px; line-height:50px; font-size:18px; font-weight:800; border-bottom:1px solid #E1E1E1;background:#EBF2F9;}
#login .title .title-one{width:99px; border-right:1px solid #E1E1E1;float:left; text-align:center; cursor:pointer;}
#login .title .title-two{width:99px; border-right:1px solid #E1E1E1;float:left;text-align:center;cursor:pointer;}
#login .title .title-three{width:100px;float:left;text-align:center;cursor:pointer;}
#login .uname{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:35px; vertical-align:middle; background:#FFF;}
#login .uname .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;}
#login .uname .img-one{width:32px; height:32px; margin-top:4px; float:left;}
#login .upwd{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:25px;background:#FFF;}
#login .upwd .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;}
#login .upwd .img-one{width:32px; height:32px; margin-top:4px; float:left;}
#login .uyzm{width:240px;height:40px;border-radius:5px; margin-top:30px;}
#login .uyzm .name{width:53px; height:40px; line-height:40px; float:left; text-align:
left; font-size:15px;color:#9D9D9D;}
#login .uyzm .input-yzm{width:80px; height:32px; line-height:32px; padding:0px 5px; float:left; border:1px solid #DDDDDD;}
#login .uyzm .img-yzm{ width:80px; height:34px; float:left; margin-left:12px;}
#login .btn-login{width:240px; height:40px; line-height:40px; color:#FFF; background:#E94A66;border-radius:5px; margin-top:55px; border:none; margin-left:30px; font-size:18px; font-weight:bold;}

#footer{width:1000px; height:120px; line-height:120px; text-align:center;}

$(document).ready(function(e) {

$("#myslide ul").css("left",function(){
    return  ($("#myslide").width()-$("#myslide ul").outerWidth())/2-4;
});
$("#myslide ul li").eq(0).addClass("bgcolor");
var index=1;
function Slide(){
    if(index>=$("#myslide img").length){
        index=0;    
    }
    $("#myslide img").hide();
    $("#myslide").find("img").eq(index).show();
    $("#myslide ul li").removeClass("bgcolor");
    $("#myslide ul li").eq(index).addClass("bgcolor");
    index++;    
}
var StartSlide=setInterval(Slide,6000);

$("#myslide ul li").click(function(){
    var lindex=$(this).index();
    $("#myslide img").hide();
    $("#myslide").find("img").eq(lindex).show();
    $("#myslide ul li").removeClass("bgcolor");
    $("#myslide ul li").eq(lindex).addClass("bgcolor");
    index=lindex+1;
    clearInterval(StartSlide);
    StartSlide=setInterval(Slide,6000);
});


$("#login .title div").click(function(){
    $("#login .title div").removeClass("bgcolor-one");
    $(this).addClass("bgcolor-one");    
});


$("#out-content").css("height",$(window).height()-$("#footer").height());
$("#content").css("margin-top",($("#out-content").height()-$("#content").height())/2);





$("#nav-title li").click(function(){
    $(".show-text").hide();
    $(this).find(".show-text").show();  
});



$(".close-img").click(function(){
    alert("123");
    $(".show-text").hide(); 

});

});

2个回答

mr_chen_100
mr_chen_100   2015.06.24 15:05

js的最后一个click事件失效了,求高手解答!

u013426903
u013426903   2015.06.24 15:25

可能的原因是因为在你注册点击事件的时候$(".close-img")这元素并不存在,你可以换一种注册方式比如:on

Csdn user default icon
上传中...
上传图片
插入图片