jquery - 只切换一次

Question

我有一个关于 .toggle() 函数的问题要问你:

如何只切换一次？

我有一个事件绑定(bind)到我的窗口的大小调整，并希望我的元素显示或不显示。

我知道我可以用媒体查询和 css 很容易地做到这一点(这可能更好)但实际上我想知道如何通过 jQuery 来完成它。

我已经尝试使用函数 .one() 但我并没有真正理解它应该如何工作。

这是我的 jQuery :

jQuery(document).ready(changeClass);
jQuery(window).resize(changeClass);

function changeClass() {
   if($(window).width() < 805){
   $('.test').one(toggle());
}

我做错了什么？

并且，作为对我的问题的回答，如果人们有一天会遇到这个问题；这是纯 CSS

中的答案

@media(max-width:805px)
{
   .test{
      display:none;
   }
}

Answer 1

jQuery 中纯 CSS 的等价物是:

jQuery(window).on('resize load', changeClass);

function changeClass() {
    $('.test').toggle(window.matchMedia('(max-width:805px)').matches);
}

-jsFiddle-