懸停功能不想要工作

我一直試圖讓這使得徘徊在其父李當包含描述顯示一個div代碼，但它只是不會工作..懸停功能不想要工作

我幾乎確定它與結構或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/

來源

2013-08-26 Jake Snake

我將jQuery添加到你的小提琴後適用於我http://jsfiddle.net/7yucd/ – Sergio

這個問題似乎是離題，因爲O P簡單沒有正確設置jsFiddle。 –

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

這是工作。你忘了添加jQuery庫。你只需要添加： <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

到您的文件

以及一個.ready函數：

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

來源

2013-08-26 20:21:20

哇，謝謝..我有我的代碼在一個基礎4文件，我已經成爲wordpress，它似乎從基金會的jquery不起作用..再次，謝謝！ –

，直到DOM被載入，以及您可能需要推遲執行：

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

來源

2013-08-26 20:21:25

懸停功能不想要工作

回答

相關問題