如果浏览器 window 大于 768，如何添加 class

Question

这简直让我发疯。我在几个地方查过这个，但无法让它工作。我想要做的就是在菜单项（最后一个，"contact us"）中添加一个 "fancybox-iframe" class 作为 shown here，到目前为止，我无法得到任何工作代码。我也无法在 CSS 中执行此操作。有人可以帮忙吗！！！？？

Answer 1

你能做这样的事情吗？

if (window.innerWidth > 768) {
    document.getElementById('menu-item-34').className += ' fancybox-iframe';
}

（其中 menu-item-34 是联系我们按钮的 ID）

Answer 2

我明白了！缺少一点爱 - 我是字面意思，谢谢乔希！

    <script>
    jQuery(document).ready(function($) {
        if (window.innerWidth > 768) {
        document.getElementById('menu-item-34').className +='fancybox-iframe';
       }
     });
    </script>

如果浏览器 window 大于 768，如何添加 class

How to add class if browser window is bigger than 768

javascript

jquery

class

add

window-resize