如何重写jQuery的hide()函数?

How Can I override jQuery hide() function?

本文关键字：hide 函数 jQuery 重写 何重写      更新时间：2023-09-26

我有一个回到顶部锚图像，当用户点击它，它带他回到顶部与js动画。我首先用js隐藏图标，直到它到达某个点，它才会显示出来。

这是我的问题。在我的@media查询中，我不希望从上到下的图标显示从0px到480px的视口。因此，在0px到480px的@media查询中，我将图标设置为显示:none。但它仍在显现。我知道是js强迫它显示的。

我将如何覆盖js的hide()函数为0到480px仅?

您可以简单地在CSS中使用!important(以及在480px媒体查询中)-这将覆盖由jQuery应用的内联样式:

@media (max-width: 480px) {
    .logo{
        display: none !important;
    }
}

一个更好的解决方案是修改你的JavaScript，这样它就不会在那个宽度显示它!

jQuery hide() &show()直接在元素上设置显示属性。

。<div class="hide" style="display: block">...</div>

在这种情况下，由于层次结构的特殊性，您的样式表属性将被覆盖。如果使用jQuery设置显示对您来说很重要，但您不想以低于480px的宽度显示元素，那么您需要使用一些条件逻辑来适当地设置show()或hide()。 比如if (480 > window.innerWidth) { $('.hide').hide(); }
相关文章：