通過懸停，通過懸停的元素，像這樣觸發另一個元素的懸停

我想引發另一元素的懸停：通過懸停，通過懸停的元素，像這樣觸發另一個元素的懸停

$(document).ready(function() { 
    $('.quarter h3').mouseenter(function() { 
     $(this).next().trigger('mouseenter'); 
    }); 
});

HTML是：

<div class="quarter grow"> 
    <a href="#"> 
     <h3><span>titel 1</span></h3> 
    <img src="http://lorempixel.com/200/230/people/1" alt=""> 
    </a> 
</div>

在小提琴看看：http://jsfiddle.net/KkYGC/

來源

2013-04-24 Jonathan

你不能，因爲據我所知，使用JavaScript來觸發CSS'：hover'僞類。您需要使用jQuery在'mouseenter' /'mouseleave'上添加/刪除類，而不是我想。 – 2013-04-24 10:14:06

如果我正確理解你的問題，你可以改變

.grow img:hover {

到

.grow:hover img {

來源

2013-04-24 10:23:54 Andy

我想我們已經以同樣的方式理解了這個問題，因爲我認爲應該這樣做。 – 2013-04-24 10:26:06

Thnx！我知道這是一件簡單的事，我看到頭頂上。 – Jonathan 2013-04-24 10:29:15

通過懸停，通過懸停的元素，像這樣觸發另一個元素的懸停

回答

相關問題