如果等于或大于768px，请检查屏幕尺寸和做某事

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

我只是在requiring条件之后才看到你if jQuery。因此，$(document).ready()会抛出错误

将jquery导入移至顶部

条件应该是

if (windowSize >= 768) {}