Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何重写jQuery hide()函数?_Javascript_Jquery_Css - Fatal编程技术网

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

Javascript 如何重写jQuery hide()函数?,javascript,jquery,css,Javascript,Jquery,Css,我有一个背对背的锚图像,当用户点击它时,它会用js动画将他带回到顶部。我首先用js隐藏了图标,直到它达到某一点,它就会显示出来。这很好用 这是我的问题。在@media查询中,我不希望返回顶部图标显示从0px到480px的视口。因此,在@media查询0px到480px时,我将图标设置为显示:无。但它仍然在展示。我知道是js迫使它显示 如何仅为0到480px覆盖js hide()函数?您只需使用!重要信息在CSS中(以及在480px媒体查询中)-这将覆盖jQuery应用的内联样式: @media

我有一个背对背的锚图像,当用户点击它时,它会用js动画将他带回到顶部。我首先用js隐藏了图标,直到它达到某一点,它就会显示出来。这很好用

这是我的问题。在@media查询中,我不希望返回顶部图标显示从0px到480px的视口。因此,在@media查询0px到480px时,我将图标设置为显示:无。但它仍然在展示。我知道是js迫使它显示


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

您只需使用
!重要信息
在CSS中(以及在480px媒体查询中)-这将覆盖jQuery应用的内联样式:

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

一个更好的解决方案是修改您的JavaScript,使它不会以那个宽度显示它

您只需使用
!重要信息
在CSS中(以及在480px媒体查询中)-这将覆盖jQuery应用的内联样式:

@media (max-width: 480px) {
    .logo{
        display: none !important;
    }
}
一个更好的解决方案是修改您的JavaScript,使它不会以那个宽度显示它

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

e、 g.

在这种情况下,您的样式表属性将被覆盖,原因是。如果使用jQuery设置显示对您来说很重要,但是您不希望以低于480px的宽度显示元素,那么您需要使用一些条件逻辑来显示()或隐藏()

类似于
if(480>window.innerWidth){$('.hide').hide();}
jQuery
hide()
&
show()
直接在元素上设置display属性

e、 g.

在这种情况下,您的样式表属性将被覆盖,原因是。如果使用jQuery设置显示对您来说很重要,但是您不希望以低于480px的宽度显示元素,那么您需要使用一些条件逻辑来显示()或隐藏()


类似于
if(480>window.innerWidth){$('.hide').hide();}

一段代码就好了;)Javascript有一个
hide()
函数
。hide()
在jQuery中,不是Javascript。jQuery不是Javascript库吗?@AlexUzor,是的,它是库,但
hide()
不是本机Javascript函数。你需要给它贴上标签。奶酪中含有牛奶并不意味着它就是牛奶。一段代码就好了;)Javascript有一个
hide()
函数
。hide()
在jQuery中,不是Javascript。jQuery不是Javascript库吗?@AlexUzor,是的,它是库,但
hide()
不是本机Javascript函数。你需要给它贴上标签。奶酪含有牛奶并不意味着它是牛奶。+1
!重要提示
重量:我没有意识到!重要信息重写内联样式。。。疯了,是的!本质上:内联样式将覆盖应用于元素的其他样式。使用!重要信息将覆盖甚至内联样式+1
!重要提示
重量:我没有意识到!重要信息重写内联样式。。。疯了,是的!本质上:内联样式将覆盖应用于元素的其他样式。使用!重要信息将覆盖甚至内联样式!