jQuery中show()和hide()的问题,

<html><head><style>#repice{display:none;}</style><scriptsrc="js/jquery.js"></script><... <html>
<head>
<style>
#repice {display:none;}
</style>
<script src="js/jquery.js"></script>
<script>
$(document).ready(function(){
$('.repice-name').bind('click',function(){
$('#repice').show();

///////////////////////////////////////////////////////////////
$('.hide').bind('click',function(){
$('#repice').hide();
});
});
</script>
</head>

<body>
<a href="#" class="repice-name">Key Lime Pie</a>

<div id="repice">
<p>Key Lime Pie is an American dessert made of key lime juice,egg yolks, and sweetended condensed milk in a pie crust.</p>
<a href="#" class="hide">Hide</a>
</div>
</body>
</html>

一个show,一个hide,注释掉hide,show正常,注释掉show,hide正常,但两个在一起就不行了,囧
展开
 我来答
zhfto
2013-07-12 · TA获得超过563个赞
知道小有建树答主
回答量:107
采纳率:0%
帮助的人:214万
展开全部

拷贝你的代码,测试有错,$(document).read(...);方法里,你的show 和 hide定义的两个方法有一个没闭合,直接运行不了。然后修改已后,再运行就没错了,没有出现你说的“两个一起就不执行了”的情况。 :

<html>
<head>
<style>
#repice {display:none;}
</style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('.repice-name').bind('click',function(){
    $('#repice').show();
  });
 
  $('.hide').bind('click',function(){
   $('#repice').hide();
  });
});
</script>
</head>

<body>
<a href="#" class="repice-name">Key Lime Pie</a>

<div id="repice">
  <p>Key Lime Pie is an American dessert made of key lime juice,egg yolks, and sweetended condensed milk in a pie crust.</p>
  <a href="#" class="hide">Hide</a>
</div>
</body>
</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式