Question

用户点击链接“目录”，它显示为侧边菜单。如果浏览器调整大小低于1448px，则侧面菜单会执行fadeOut（）。

因此，在点击“目录”链接后，将浏览器的大小调整为1448px以下，然后调整大小超过1448px ......

如何让侧面菜单再次自动fadeIn（）？

    var button = $("a#contents_link"); // the TOC link
    var toc = $('#table-of-contents'); // the TOC div to show
    var browser = $(window);           // getting the browser width


    toc.hide();                         // hide the TOC div upon loading the page

    button.click(function (event) {    // toggling the TOC div
        toc.fadeToggle(300);
        event.preventDefault(); 
    });

    $(browser).resize(function() {
        if ( (toc.is(':visible')) && (browser.width() >=1449) ) {
            toc.fadeIn();
        } else if( (toc.is(':visible')) && (browser.width() <=1448) ){ 
            toc.fadeOut();
        }
    });

Answer 1

我对您在第一个IF语句中检查TOC可见性的代码感到困惑。你不应该把它重写为：

$(browser).resize(function() {
    if ( (toc.is(':hidden')) && (browser.width() >=1449) ) {
        toc.fadeIn();
    } else if( (toc.is(':visible')) && (browser.width() <=1448) ){ 
        toc.fadeOut();
    }
});

在浏览器调整大小时隐藏侧面菜单

1 个答案: