Javascript jquery&；当浏览器具有一定宽度时wordpress隐藏元素

我正在尝试执行一个函数来实现这一点

检测屏幕大小

获取某个DIV“.project images”的宽度（有时此DIV为400px，有时为1800px、600px，等等）

如果DIV小于浏览器，则隐藏另一个DIV“.controls”

我也会负责任地完成这一切。我查看了这个网站上的其他脚本，并设法得到了这个，但它根本不起作用

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

    var $window = $(window);
    var $projectWidth = $('.project-images').width();

    function checkWidth() {
        var windowsize = $window.width();
        if (windowsize > projectWidth) {
            $('.controls').hide();
        }
    }

    checkWidth();   
    $(window).resize(checkWidth);
});

HTML

列表项
列表项
列表项
列表项

这是一个打字错误。在

内部，如果
引用的变量名称错误

您已经声明了
$projectWidth
，并且正在比较
projectWidth

试试这个

var $window = $(window);
    var $projectWidth = $('.project-images').width();

    function checkWidth() {
        var windowsize = $window.width();
        if (windowsize > $projectWidth) {// Here you had the typo
            $('.controls').hide();
        }
    }

您输入了
$projectWidth
和
projectWidth
谢谢，伙计！我觉得自己很愚蠢。我是jquery的新手，所以谢谢你。
var $window = $(window);
    var $projectWidth = $('.project-images').width();

    function checkWidth() {
        var windowsize = $window.width();
        if (windowsize > $projectWidth) {// Here you had the typo
            $('.controls').hide();
        }
    }