0

我在列表中有一个带有 div 的 easyslider 来显示内容,这样当我将鼠标悬停在一个列表上时,隐藏的 div 会通过 fadeIn Fadeout Jquery 显示。

它适用于除最后一个列表之外的所有列表。隐藏内容中的位置不显示。有人可以帮忙吗?

我认为我注意到的是,当我在最后一个列表之后插入一个空白列表时,它似乎可以工作。这是唯一的解决方法吗?

链接到 DropBox:https ://dl.dropboxusercontent.com/u/7940498/testtes/bb/01Test_X.html

jsfiddle:http: //jsfiddle.net/newbie_ready_to_learn/kQnFj/1/

<script>
$(document).ready(function() {
    $("#Cont_All1").hover(function(){
        $("#HiddenCont1").fadeIn(700);
},function(){
        $("#HiddenCont1").fadeOut(900);
});

 $("#Cont_All2").hover(function(){
        $("#HiddenCont2").fadeIn(700);
},function(){
        $("#HiddenCont2").fadeOut(900);
});

 $("#Cont_All3").hover(function(){
        $("#HiddenCont3").fadeIn(700);
},function(){
        $("#HiddenCont3").fadeOut(900);
});

 $("#Cont_All4").hover(function(){
        $("#HiddenCont4").fadeIn(700);
},function(){
        $("#HiddenCont4").fadeOut(900);
});
});

</script>


<div>
<li>
<div #Cont_All1>
      <div Img>
      </div>
     Content
      <div #HiddenCont1>
     </div>
</div>
</li>

<li>
<div #Cont_All2>
      <div Img>
      </div>
     Content
      <div #HiddenCont2>
     </div>
</div>
</li>

<li>
<div #Cont_All3>
      <div Img>
      </div>
     Content
      <div #HiddenCont3>
     </div>
</div>
</li>

<li>
<div #Cont_All4>
      <div Img>
      </div>
     Content
      <div #HiddenCont4>
     </div>
</div>
</li>
</div>
4

1 回答 1

0

我试图删除从第<li><div id="Cont_All1">5 行到</div></div></li>第 25 行的第一个块,但问题没有发生。

所以 jQuery 代码没有问题,但可能你忘记关闭一些标签或id在你的 HTML 代码中犯了一些错误。所以...我试图删除第一个块,复制第二个块并用Cont_All1andHiddenCont1而不是Cont_All2and重命名它,并且HiddenCont2工作完成了,正如您在此处看到的那样。

于 2013-09-24T11:53:12.630 回答