Javascript jQuery元素在屏幕上的可见性

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

如果鼠标悬停在该区域上，我可以获得效果，但现在我希望用户在鼠标不悬停在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>

如果（$（“#质押”）。可见（真实））{
$（#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）；
}
其他的
{
$（#projectone'）.hide（“幻灯片”{direction:“left”}，1000）；
$（'#projecttwo'）.hide（“slide”，{direction:“right”}，1000）；
}

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

$(element).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）；
}否则{
$（#projectone'）.hide（“幻灯片”{direction:“left”}，1000）；
$（'#projecttwo'）.hide（“slide”，{direction:“right”}，1000）；
}

与Java的

true

和

false

布尔值不同，JavaScript使用概念进行操作。在第一行中，请尝试

if（$（“#保证”）。is（'：visible'）{…

。我不认为

.visible（）

是一种jQuery方法。您是在询问它是否在常识中可见，还是在视口中可见（即用户是否能够在不上下滚动的情况下看到它）它在视口中是否可见。当用户向下滚动时，我想让每个div区域#projectone和#projecttwo从不同的方向滑入。请告诉我，但现在我重新阅读了这个问题，他似乎没有问元素是否可见，但是，用户是否在屏幕上的某个区域导航，在那里他们可以看到元素而无需上下滚动。在此之前是否包含jQuery？你在浏览器控制台中看到JavaScript错误了吗？我最后做的就是下载JavaScript插件并尝试使用jQuery使其工作。下面是一个例子：从本质上看，如果我在CSS中使用动画切换一个类，它可能会起作用，但我想知道是否可以继续跳过CSS并通过jQuery效果来实现。虽然这个代码片段可以解决这个问题，但它确实有助于提高您的帖子的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。

<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>

if ( $(element).css('display') == 'none' ){
       // element is hidden
}