1

わかりました、私は2 つの divを取得しました。1つは私のナビゲーションで、もう 1 つは私のナビゲーションとほぼ同じ ID を持つ同数の li タグを取得しました。説明させてください...

これは私のナビです

<ul id="navInside">
  <li><a id="nInicio" href="index.php" >Inicio</a></li>
  <li><a id="nHistoria" href="history.php" >Historia</a></li>
  <li><a id="nQuienes" href="aboutus.php" >Quienes somos</a></li>

これは動くべきものです

<ul id="navSlides">
  <li id="SnInicio"></li>
  <li id="SnHistoria"></li>
  <li id="SnQuienes"></li>

これは私が今得たjQueryコードです....

    $('#navInside li').hover(function (){
    $("#S" + this.id).animate({top: '0px'}, 500)}, function (){
    $("#S" + this.id).animate({top: '-70px'}, 500, 'swing');} 
);

これが機能するための適切なセレクターを取得するのを手伝ってもらえますか?

私は何日も立ち往生しています...ありがとう

4

2 に答える 2

3

は（を参照する）idではなくアンカー上にあるため、ホバーは次のようになります。<li>this

$('#navInside li a').hover(function (){
  $("#S" + this.id).animate({top: '0px'}, 500);
}, function (){
  $("#S" + this.id).animate({top: '-70px'}, 500, 'swing');
});

または、あなたが持っているコードを使用して、次のidようにを に移動します<li>。

<ul id="navInside">
  <li id="nInicio"><a href="index.php" >Inicio</a></li>
  <li id="nHistoria"><a href="history.php" >Historia</a></li>
  <li id="nQuienes"><a href="aboutus.php" >Quienes somos</a></li>
于 2010-11-12T23:34:00.597 に答える
0

すみません、$("#S" + this.id) が何なのかよくわかりません。HTMLの他の場所に id="S" が表示されません...

于 2011-01-13T22:55:38.920 に答える