Javascript 如何重写jQuery hide()函数?
我有一个背对背的锚图像,当用户点击它时,它会用js动画将他带回到顶部。我首先用js隐藏了图标,直到它达到某一点,它就会显示出来。这很好用 这是我的问题。在@media查询中,我不希望返回顶部图标显示从0px到480px的视口。因此,在@media查询0px到480px时,我将图标设置为显示:无。但它仍然在展示。我知道是js迫使它显示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
如何仅为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,使它不会以那个宽度显示它 jQueryhide()
&show()
直接在元素上设置display属性
e、 g.…
在这种情况下,您的样式表属性将被覆盖,原因是。如果使用jQuery设置显示对您来说很重要,但是您不希望以低于480px的宽度显示元素,那么您需要使用一些条件逻辑来显示()或隐藏()
类似于if(480>window.innerWidth){$('.hide').hide();}
jQueryhide()
&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!重要提示
重量:我没有意识到!重要信息重写内联样式。。。疯了,是的!本质上:内联样式将覆盖应用于元素的其他样式。使用!重要信息将覆盖甚至内联样式!