0

このような2つのアンカータグがあります

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

そして、このようなJquery関数

$(document).ready(function (){

 $('#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」アンカータグをクリックすると2番目のdivタグが表示され、「1」アンカータグをクリックしてdiv 1を再度表示したいときに機能しないことです。2番目の機能を実行した後、1番目の機能が存在しないようなものです!

質問の更新と回答: セレクターを ques-1、ques-2 のように変更しました。同じ名前のセレクターが 2 つある場合、jquery は最初のセレクターのみを呼び出します。時間

4

1 に答える 1

0

アンカー 2 をクリックしたときにアンカー 1 を非表示にすると、アンカー 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 に答える