调整大小窗口 - 当移动大小事件无法正常工作时

Question

所以我在下面有这个代码：

     $(window).resize(function(){ 
        if ($(window).width() < 768) {
            $("#content-services").hide();
            $("#header").unbind('click').click(function () {

                $("#content-services").slideToggle(500);

            });
        }else {
            $("#content-services").show();
            $("#header").unbind('click').click(function () {

                $("#content-services").show();
            });
        }
    });

当我在桌面上加载页面并在chrome上手动调整大小时，我得到了我想要的动作。

在桌面上：

在Chrome上手动调整大小：

但是当我以小尺寸加载页面时，它显示了服务部分（这很好），但是上滑动作停止了工作。

任何人都可以在上面的脚本中检查我的错误吗？

Answer 1

您的代码仅在调整窗口大小时调用，因此如果windowd以较小的大小加载，则不会调用resize。

将事件处理程序中的代码移动到另一个函数并在添加处理程序之前调用它。