Jquery 当屏幕尺寸小于xxx px时，如何添加某个类？

我正在尝试为我的新项目宽度SlideToLoge功能创建一个移动菜单

jQuery(document).ready(function($) {

    $('.allCategories').click(function(event) {
        $('.categoryContainner').slideToggle('300');
    });


    var mobileMenu = $(window).width();

    $(window).resize(function() {
      mobileMenu = $(window).width();
      if (mobileMenu < 440) {

          $('#allCategroyList').addClass('class_name')();
      }
    });

});

jQuery（文档）.ready（函数（$）{
$（'.allCategories'）。单击（函数（事件）{
$（'.CategoryContainer'）.slideToggle（'300'）；
});
var mobileMenu=$（window.width（）；
$（窗口）。调整大小（函数（）{
mobileMenu=$（窗口）.width（）；
如果（移动单元<440）{
$（'allCategroyList'）.addClass（'class#u name'）（）；
}
});
});

html:

<div class="bar">
    <div class="content">
        <span class="info">
            <i class="fa fa-bars"></i> Hello we have <strong>2711</strong> HD quality documantary videos in <strong>51</strong> categories.
        </span>
        <span class="allCategories">
            <i class="fa fa-angle-double-down"></i> All Categories
        </span>
    </div>
</div>
<div class="content">
    <div class="categoryContainner">
        <div class="content">
            <nav id="allCategroyList">
                <ul>
                    <li><a href="">Category Link 1</a></li>
                    <li><a href="">Category Link 2</a></li>
                    <li><a href="">Category Link 3</a></li>
                    <li><a href="">Category Link 4</a></li>
                    <li><a href="">Category Link 5</a></li>
                    <li><a href="">Category Link 6</a></li>
                    <li><a href="">Category Link 7</a></li>
                    <li><a href="">Category Link 8</a></li>
                    <li><a href="">Category Link 9</a></li>
                    <li><a href="">Category Link 10</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>

您好，我们有271151类别的高清视频。
所有类别

这对我不起作用？谁能帮帮我吗。谢谢

编辑

解决办法是,

var mobileMenu = $(window).width();

        $(window).resize(function() {
          mobileMenu = $(window).width();
          if (mobileMenu < 440) {

              $('#allCategroyList').addClass('class_name');
          }
        });

var mobileMenu=$（window.width（）；
$（窗口）。调整大小（函数（）{
mobileMenu=$（窗口）.width（）；
如果（移动单元<440）{
$（'#allCategroyList'）.addClass（'class_name'）；
}
});

---

感谢您的快速重播。

请尝试删除

addClass（）

语句后的额外括号，因为它将导致以下错误

未捕获类型错误：对象不是函数

  $('#allCategroyList').addClass('class_name')();
                                  ------------^

---

添加额外的

（）的原因是什么在那里<代码>.addClass（'class_name'）（）使用@media query oh my。。这是一个要点。这一切都是关于我的崇高埃米特插拔自动投诉标签：D感谢快速重播。；）谢谢你，@Rajaprabhu Aravindasam；）@FatihToprak很乐意帮助。。！