0

我有 2 个这样的锚标签

<a href="#" id="1">1</a>
<a href="#" id="2" style="display:none;">2</a>

和这样的 Jquery 函数

$(文档).ready(函数(){

 $('#1').click(function(){
      //code to show div 1
      //code to hide div 2

   });

   $('#2').click(function(){
       //code to show div 2
       //code to hide div 1
   });

});

问题是当我单击“2”锚标记时，会显示第二个 div 标记，然后当我想通过单击“1”锚标记再次显示 div 1 时，它不起作用。就像运行第二个函数后第一个函数不存在一样！

用答案更新问题：我将选择器更改为喜欢 ques-1、ques-2 并且如果有两个具有相同名称的选择器 jquery 只调用第一个选择器，所以最好给选择器不同的名称，即使其中一个将在一次

4

1 回答 1

0

如果您在单击锚点 2 时隐藏锚点 1，那么您将无法单击锚点 1，因为它不可见。如果您想让锚元素占据的区域保持可点击状态，那么您必须为不透明度设置动画。

$('#1').click(function(){
    $("#1").animate({ "opacity": "1"}, 1000);
    $("#2").animate({ "opacity": "0"}, 1000);

});

$('#2').click(function(){
    $("#1").animate({ "opacity": "0"}, 1000);
    $("#2").animate({ "opacity": "1"}, 1000);
});

看看这个小提琴

于 2012-12-17T12:57:58.650 回答