检查屏幕大小并在等于或大于 768 像素时执行某些操作

Question

我正在为一所大学创建一个网站。 我正在尝试创建一行 javascript 来检查屏幕尺寸，如果屏幕尺寸大于或等于 768，我希望它在大学模板中定义的颜色框中打开我的图像。 否则，如果屏幕尺寸小于 768，我希望它什么都不做。

目前它什么都不做，无论屏幕大小如何......

$(document).ready(function() {
    function checkWidth() {
        var windowSize = $(window).width();
        if (windowSize >= 768) {
            WDN.initializePlugin('modal', [function() {
            var $ = require('jquery');
                $(".group2").colorbox({rel:'group2', transition:"fade"});
            }]);
        }
    }
    checkWidth();
    $(window).resize(checkWidth);
});​

Answer 1

而且我看到您只在if条件之后才requiring jQuery。 所以， $(document).ready()会抛出一个错误

将 jquery 导入移至顶部

条件应该是

if (windowSize >= 768) {}