javascript - 将函数绑定(bind)到自定义条件

Question

注意:我很少使用 JS 和 jQuery，所以如果问题很奇怪，请原谅。

我正在尝试将一个 div 添加到我的页面(具体到菜单)，但前提是页面小于特定宽度。基本上我需要一个事件处理程序，它允许我等待满足该条件并在满足条件后运行一个函数(类似于你对 on.("click") 的处理方式)，但我不知道如何实现它。

如有任何帮助，我们将不胜感激!

Answer 1

看看下面的代码:

var $myDiv = $("<div class='myDiv'></div>");
$(window).resize(function () {
    var windowWidth = $(this).width();
    if (windowWidth < 200) {
        $("body").append($myDiv);
    } else {
        $myDiv.remove();
    }
});

我们监控窗口调整大小事件，并根据您的情况添加/删除 div。

Live Example

在 fiddle 的右下角(结果面板)玩一玩，调整它的大小看看会发生什么。