javascript - 有没有办法根据视口(viewport)大小初始化和取消初始化 jquery 插件？

Question

基本上我想在较小的视口(viewport)上加载一个特定的 jquery 插件，然后在较大的视口(viewport)上取消初始化它并初始化一个不同的？

Answer 1

这不考虑窗口大小调整，但也许它会让您朝着正确的方向前进。

$(document).ready(function() {
    var viewportWidth = $(window).width();
    var viewportHeight = $(window).height();

    var widthThreshold = 1000;
    var heightThreshold = 800;

    var scriptUrl;
    if (viewportWidth > widthThreshold &&
        viewportHeight > heightThreshold){
        scriptUrl = "plugin1.js";
    }
    else {
        scriptUrl = "plugin2.js";
    }
    $.getScript(scriptUrl);
};