0

我在悬停 LI 中遇到问题，他悬停所有 li，而不是我悬停的那个。

html:

<div id="lista">
      <ul>
        <li>
             <a href="#">content1</a>
           <div class="slide">hide content1</div>
        </li
       <li>
             <a href="#">content2</a>
           <div class="slide">hide content2</div>
        </li>
      </ul>

    </div>

javascript:

$('#lista li ').hover(function () {
$('.slide').slideDown('slow');
}, function () {
$('.slide').slideUp('fast');
});
});
4

2 回答 2

2 
$('#lista li ').hover(
    function () {
        $(this).children('.slide').slideDown('slow');
    },
    function () {
       $(this).children('.slide').slideDown('slow');
    }
);

说明：每次悬停#lista li元素时，都必须引用其子.slide元素。如果你只是做 $('.slide')，这意味着你指.slide的是整个文档中的每个元素；）

于 2011-05-08T09:35:46.617 回答
0

尝试.mouseover代替.hover

于 2011-05-08T09:19:44.350 回答