1

好的事情是这样的，我有2 个 div，一个是我的导航，另一个有相同数量的 li 标签，其 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 回答