2012-02-11 59 views
0

我div divs中的图像和段落,当你滚动标题我想段显示,这段代码适用于我的其他网站,但由于某种原因心不是在这里工作我想每个div显示其内容的按钮悬停

谁能告诉我什么,我做错了

$(document).ready(function() { 

$('.post-band h2').hover(function(){ 
     $(".entry p",this).fadeTo("fast", 1); 
      //$(".entry p",this).slideDown(); 
     }, 
    function(){ 
     $(".entry p",this).fadeTo("fast", 0); 
     // $(".entry p",this).slideUp(); 
       }); 

});

<div class="post-band" id="post-67"> 

<h2>Dale Rodman</h2> 
<div class="band-image"> 
<img width="300" height="250" src="http://localhost/wp-content/uploads/2012/02/dale1.jpg" class="attachment-post-thumbnail wp-post-image" alt="dale" title="dale" /></div> 

<div class="entry"> 
    <p>Dale has been passionate about music ever since he stopped being passionate about something else, when he puts his mind to something there is not stopping this machine, playing guitar since he was little his ability to absorb different styles has help to create a style like non other.</p> 
<h3>Acoustic Guitar, Vocals</h3> 
</div> 
    </div> 
+1

什么是您的HTML标记? [JS小提琴演示](http://jsfiddle.net/)如何帮助我们来帮助你? – 2012-02-11 17:37:36

+0

虽然,问题可能出现在您的HTML中。你会添加到你的问题吗?这样,我们中的一个人可以通过一个有效的代码示例为您提供jsfiddle响应。 – Jacksonkr 2012-02-11 17:38:00

+0

你能发布你的html代码吗? – NewUser 2012-02-11 17:51:32

回答

0

$(".entry p",this)在悬停功能查找内部$('.post-band h2')选择(在h2内)。你可能需要组合.closest()去,然后.find()去。

但张贴您的HTML以获得更好的答案。

+0

我在上面加了html, – goetzs 2012-02-11 19:11:13

+0

这是我怀疑的。而不是'$(“。entry p”,this)'use'$(this).closest('。post-band')。find('。entry p')' – ori 2012-02-11 20:43:32

0

这里是一个可能的解决方案小提琴:http://jsfiddle.net/sDJDr/

我使用的JavaScript低于也是什么ORI以上的意思。

$(document).ready(function() { 

    $('.post-band h2').hover(function(){ 
     var $p = $(this).closest('div.post-band').find('p'); 
     $p.fadeTo("fast", 1); 
     //$(".entry p",this).slideDown(); 
    }, 
    function(){ 
     var $p = $(this).closest('div.post-band').find('p'); 
     $p.fadeTo("fast", 0); 
     // $(".entry p",this).slideUp(); 
    }); 

});