Jquery,当窗口宽度改变时,添加/移除列表项的类

jquery, add/remove class to list item when window width changes

本文关键字:列表 窗口 Jquery 改变 添加      更新时间:2023-09-26

我尝试添加一个类到我的列表项目,如果他们有一个子ul,但只在一个特定的窗口宽度:

<ul>
    <li></li>
    <li></li>
    <li class="hassub">
        <ul>
            <li></li>
        </ul>
    </li>
    <li></li> 
</ul>

我找到了两个可以工作的小提琴,并试图将它们组合起来。这是我得到的:https://jsfiddle.net/Flouks/413qdd63/

这是我试图结合的两个:

1: http://jsfiddle.net/userdude/rzdGJ/1/

2: http://jsfiddle.net/userdude/rzdGJ/1/

提前感谢您的帮助。

(注意自己:学习jquery )

您忘记在JSFiddle中添加JQuery了。

这是一个更新的链接

您的代码会按预期添加和删除类。

if ($window.width() < 500) {
            return $bla.addClass('hassub');
        }
    $bla.removeClass('hassub');