javascript - jQuery 元素在屏幕上的可见性

Question

我正在尝试使用以下插件来确定元素是否在屏幕上可见，然后我想对其使用 jQuery 效果:

http://www.teamdf.com/web/194/jquery-element-onscreen-visibility

如果鼠标悬停在该区域上，我能够获得效果，但现在我希望用户在鼠标未悬停在 div 区域上时体验这种效果。

现在我在 Java 方面的经验比 jQuery 多，所以我不知道条件语句是否以相同的方式工作。我一直在网上研究，所有的插件都没有给出一个确切的例子，所以我尝试以不同的方式自己尝试。我也在尝试最小化此示例中的 CSS，并仅使用 jQuery。 Netbeans 没有给这段代码报错，但还是不行。请通过为我提供此任务的指导来帮助我。我的代码如下:

<script>
if($('#pledge').visible(true)){

    $('#projectone').stop(true, true).fadeIn({ duration: 700, queue: false }).css('display', 'none').slideDown(700);   
    $('#projecttwo').stop(true, true).fadeIn({ duration: 700, queue: false }).css('display', 'none').slideDown(700);
}

else

   {
    $('#projectone').hide("slide",{direction:"left"},1000);
    $('#projecttwo').hide("slide",{direction:"right"},1000);

   }
</script>

Answer 1

jQuery 允许您通过以下方式检查元素是否可见

$(element).is(":visible") 

尝试，

<script>
if($('#pledge').is(":visible")){
    $('#projectone').stop(true, true).fadeIn({ duration: 700, queue: false }).css('display', 'none').slideDown(700);   
    $('#projecttwo').stop(true, true).fadeIn({ duration: 700, queue: false }).css('display', 'none').slideDown(700);
} else  {
    $('#projectone').hide("slide",{direction:"left"},1000);
    $('#projecttwo').hide("slide",{direction:"right"},1000);
   }
</script>