0

我有 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>
4

2 回答 2

0

$(".entry p",this)在您的悬停功能中查找内部$('.post-band h2')(内部h2)的选择器。你可能需要混合.closest()上升然后.find()下降。

但发布您的 html 以获得更好的答案。

于 2012-02-11T17:47:44.790 回答
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();
    });

});
于 2012-02-11T19:29:08.587 回答