Javascript 滑动悬停 LI

发布于 2024-11-06 05:49:07 字数 657 浏览 2 评论 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');
});
});

原文

i am having a problem in a hover LI that he hover all the li´s and not the one i have hovering.

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');
});
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

裸钻 2024-11-13 05:49:07

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

说明：每次将鼠标悬停在 #lista li 元素上时，都必须引用其子 .slide 元素。如果您只是执行 $('.slide')，则意味着您正在引用整个文档中的每个 .slide 元素；)

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

Explanation: Each time you hover a #lista li element, you have to refer to its children .slide element . If you just do $('.slide'), it means that you are referring to each .slide element in the whole document ;)

回复收藏 0 原文