2013-03-21 72 views
0

此代码应针对.refer类的子元素,并分配给它.REF悬停,但它分配给它只是.refer定位子元素的jQuery

simpled HTML:这里

<div class="refer left"> 

    <div class="desc box"> 

    <h3>Anticorro</h3> 

    <p>Soundtrack</p> 
    </div> 

    <div class="video box"> 
     <iframe>soundcloud iframe</iframe> 
    </div> 
</div> 

JS :

$(document).ready(function() { 

$('.refer').hover(
    function() { 
    $(this).children('.video').addClass('.ref-hover'); 
    }, function() { 
    $(this).children('.video').removeClass('.ref-hover'); 
}); 

}); 

例如:http://www.needles.cz(带的SoundCloud玩家的那些块)

wheres问题?

+1

请发表您的HTML结构了。只要问题得到解决,这个问题就失去了它的有效性和实用性。 – BenM 2013-03-21 12:03:52

+0

这是什么孩子 – PSR 2013-03-21 12:04:03

+0

切换到'.find()'而不是'.children()' – ahren 2013-03-21 12:04:05

回答

0

这里试试这个

$(document).ready(function() { 

$('.refer').hover(
    function() { 

    $(this).children('.video').addClass('ref-hover'); 
    }, function() { 
    $(this).children('.video').removeClass('ref-hover'); 
}); 

}); 
+0

奇怪,即使与查找功能,它仍然分配给.refer类 – 2013-03-21 12:09:23

+0

@Andre Allin可以创建一个链接 – PSR 2013-03-21 12:10:53

+0

http://www.needles .cz – 2013-03-21 12:18:57