jquery - 加载/调整大小时的视口(viewport)查找类删除 jQuery

Question

我在视口(viewport)中使用 jQuery 来查找类并根据窗口宽度将其删除。

假设我们有目标为调整大小的桌面版本和重新加载的移动版本。代码运行良好，但在 destkop 上有一个问题。

$(window).load(function() {
    var viewportWidth = $(window).width();
    if (viewportWidth < 600) {
        $(".dropdown-toggle").removeClass("disabled");
    }
 });

$(window).resize(function () {
    var viewportWidth = $(window).width();
    if (viewportWidth < 600) {
        $(".dropdown-toggle").removeClass("disabled");
    }
});

$(window).load(mobileViewUpdate);
$(window).resize(mobileViewUpdate);

我收到此错误说明:

Uncaught ReferenceError: mobileViewUpdate is not defined

看看这段代码，我在这里做错了什么会得到这个错误？

Answer 1

I'm getting this error stating:

Uncaught ReferenceError: mobileViewUpdate is not defined

确切地说:您正在调用一个名为 mobileViewUpdate() 的函数，但是您的代码中没有定义这样的函数。此外，即使 mobileViewUpdate() 存在，也没有必要调用它，因为您在 load 和 resize 事件中已经有了匿名函数你需要什么。

因此，对于初学者，您可以简单地删除这两行:

$(window).load(mobileViewUpdate);
$(window).resize(mobileViewUpdate);

此外，您的两个匿名函数是相同的——它们只是在不同的事件上触发。所以你可以像这样合并它们:

$(window).on("load resize", function() {
    var viewportWidth = $(window).width();
    if (viewportWidth < 600) {
        $(".dropdown-toggle").removeClass("disabled");
    }
});