窗户调整函数大小问题

windows.resize function issue

本文关键字：问题函数调整窗户更新时间：2023-09-26

这是我的代码

$(document).ready(function(){
    $(window).resize(function() {
        if ($(window).width() > 980) {
            $('.info-container a').toggle(function() {
                $(this)
                    .closest('li')
                    .find('.work-info')
                    .fadeIn();
                return false;
            }, function() {
                $(this)
                    .closest('li')
                    .find('.work-info')
                    .fadeOut();
                return false;
            });
        }
        else {
            $('.info-container a').unbind('click'); 
        }
    });
});

我想显示隐藏的div点击，当浏览器宽度> 980px。

当我打开页面-代码不工作，只要窗口的宽度不会改变。之后，它就可以正常工作了。

这是我的代码在JSFIDDLE，但它不工作在那里…

这是因为你的函数在$(window).resize();函数。如果你想让它工作，你需要启动在点击事件和调整事件大小。

您可以通过单独包装函数并在document中启动它们来实现这一点。点击window.resize.

$(document).ready(function(){
    var hide = function(){
        if ($(window).width() > 980) {
            $('.info-container a').toggle(function() {
                $(this)
                    .closest('li')
                    .find('.work-info')
                    .fadeIn();
                return false;
            }, function() {
                $(this)
                    .closest('li')
                    .find('.work-info')
                    .fadeOut();
                return false;
            });
        }
        else {
            $('.info-container a').unbind('click'); 
        }
    };
    $(document).click(hide);
    $(window).resize(hide);
)};