0

リスト内にコンテンツを表示するための div を含む easyslider があり、1 つのリストにカーソルを合わせると、非表示の div が fadeIn Fadeout Jquery を介して表示されます。

最後のリストを除くすべてのリストで正常に機能します。非表示のコンテンツの場所は表示されません。誰か助けてくれませんか？

私が気づいたことの1つは、最後のリストの後に空のリストを挿入すると、うまくいくように見えるということです。それが唯一の回避策ですか？

ドロップボックスへのリンク: 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行目までの最初のブロックを削除しようとしましたが、問題は発生しませんでした。

idしたがって、jQuery コードに問題はありませんが、タグを閉じるのを忘れたか、HTML コードで何らかの間違いを犯した可能性があります。だから...私は最初のブロックを削除しようとしました.2番目のブロックをコピーして名前をCont_All1andのHiddenCont1代わりにCont_All2andに変更しHiddenCont2ました。

于 2013-09-24T11:53:12.630 に答える