网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
jquery吧 关注：52,147贴子：156,632
  • 7回复贴，共1页

帮我看下这个代码？


我点击变淡 他会变淡，我点击恢复他就恢复，但是恢复了之后又变淡 这个是什么原因。。
这里是javascript代码
<script type="text/javascript" src="jquery-1.4.min.js"></script> <script type="text/javascript">
$(document).ready(function(){
$("#test").click(function(){
$(this).fadeTo("slow",0.25);
});
});
$(document).ready(function(){
$("#hui").click(function()
{
$(this).parents("#test").fadeTo("slow",1);
}
)
})
</script>
-----------------------------------------------------------
这里是HTML代码
<div id="test" style="background:yellow;width:300px;height:300px">
<button id="hui" type="button">恢复</button>
<button type="button">变淡</button> </div>



帮帮忙啊


2026-09-21 16:23:18
广告
不感兴趣
开通SVIP免广告
<script type="text/javascript">
$(document).ready(function(){
$("#test").click(function(){
$(this).fadeTo("slow",0.25);
});
$("#hui").click(function(){
$(this).fadeOut("slow",1);
});
})
</script>
可以把事件写在一个
$(document).ready(function(){}) 里面。
不知道你.parents（）是什么意思？？？？



你的那个变淡，不是变淡按钮控制的啊，而是层控制的，所以会出现这种状况啊。


事件传播，回去学原生JavaScript吧


$(document).ready(function(){ $("#dan").click(function(){ $('#test').fadeTo("slow",0.25); }); $("#hui").click(function(){ $('#test').fadeTo("slow",1); }) });
</script>
---------------------------------------------------
<div id="test" style="background:yellow;width:300px;height:300px">
<button id="hui" type="button">恢复</button><button id="dan" type="button">变淡</button>
</div>


代码发不上来 看图片吧~~

不标注了 你应该看得懂的~~


<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title>
<script src="jquery.js" type="text/javascript"></script><script type="text/javascript" src="jquery-1.4.min.js"></script> <script type="text/javascript">$(document).ready(function(){$("#bian").click(function(){$("#test").fadeTo("slow",0.25);});$("#hui").click(function(){$("#test").fadeTo("slow",1);});});</script>
</head>
<body>
<div id="test" style="background:yellow;width:300px;height:300px"><button id="hui" type="button">恢复</button><button id="bian"type="button">变淡</button> </div></body></html>


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 7回复贴，共1页
分享到: