0

わかりましたので、ここで私がやろうとしていることです。IDが1からxのnavLinkクラスがあります（この場合は5ですが、必要に応じて追加できるという考えです）。Selection クラスの Div と同様に、1Div から xDiv まで。CSS アクティブ タグを使用しているかのように、div のトグルと navlinks の色が変わります。これは、Home div を使用していて、リンクの 1 つをアクティブにしたくない場合にうまく機能します。私はそれをやろうとしているので、指定されたセレクターを「アクティブ」変数に保存できる必要があります。また、navLink番号3をクリックすると別のページに移動するようにしようとしていますが、同じ問題が発生します。私は JavaScript に少し慣れていないので、JS が変数をどのように保存するかわかりません。コードは次のとおりです。

$(function() {
  var active = $('#1');

  $('.selection').hide();
  $('#1Div').show();

  $('.navLink').hover(
  function() {
     $(this).css("color","#806ac7"); 
  },
  function() {
      if(this === active) {
        $(this).css("color","#961014");
      } else {
        $(this).css("color","#000000");
      }
      });
  $('.navLink').click(function(e){
    active = this;
    $('.navLink').css("color","#000000");
    $(this).css("color","#961014");
      if(this == '#3') {
        location.href = "./Contact.html"  
      } else {
    $('.selection').hide();
    $('#'+ this.id + 'Div').show();
      }
  });
});

スタックの皆様、大変お世話になりました。

編集：

これまでご協力いただきありがとうございました。ここで要求されているのは、例へのリンクです: http://jsfiddle.net/fgj6H/ すべてが機能していますが、navlink 3 にはまだヘルプを探しているリンクがあります。

4

2 に答える 2

0

あなたの問題の一部は、IDが HTML4 では文字で始まる必要があり、HTML5 では少なくとも 1 つの文字が含まれている必要があることだと思います。数字で始まる ID は使用できません。ID の名前を id="n1" に変更し、次のように参照することをお勧めします。

var active = $("#n1");

この回答を参照してください DOM ID で許可される文字は何ですか?

そして HTML5 仕様 http://www.w3.org/TR/html5/dom.html#the-id-attribute

于 2013-06-28T13:27:29.200 に答える