悬停函数没有'I don’我不想工作

Hover function doesn't want to work

本文关键字：don 我不想 工作 函数 悬停      更新时间：2023-09-26

我一直在尝试编写一个代码，使包含描述的div在悬停在其父li上时显示，但它根本不起作用。。

我几乎可以肯定这与结构或css有关。

jQuery:

$('.featured_entry li').hover(function() {
   $(this).find('.description').show(100); 
}, function() {
   $(this).find('.description').hide(100);
});

HTML:

<div class="featured_entry">
<ul>
    <li>
        <div class="description">blabalbla</div>
        <div class="box"></div>
    </li>
</ul>    
</div>

CSS：

.box {
    width: 200px;
    height: 200px;
    background: #000;
}
.description {
    background: #142450;
    width: 200px;
    height: 100px;
    display: none;
}

http://jsfiddle.net/Wy3wW/9/

http://jsfiddle.net/Wy3wW/10/

这是有效的。您忘记添加jquery库了。您只需要添加：<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

到您的文件

以及就绪功能：

$(document).ready(function(){ /* jquery code */ });

您可能需要推迟执行，直到DOM也被加载：

$(function(){
    $('.featured_entry li').hover(function() {
         $(this).find('.description').show(100); 
         }, function() {
            $(this).find('.description').hide(100);
     });
});
相关文章：