jQuery $（window）.resize（function（）{

Question

我想让此代码仅适用于大于643px的分辨率。如果我们使用＆＃34; $（window）.resize（function（）{＆＃34; not working。我不擅长JQuery语法，请帮忙。

$(window).resize(function() {
    if($(window).width() >= 643) {        

    function mainmenu(){
        $("#nav ul").css({display: "none"}); // Opera Fix

        $("#nav li").hover(function() {
            $(this).find('ul:first')
                .css({visibility: "visible", display:"none"})
                .show(500);
        }, function() {
            $(this).find('ul:first')
                .css({visibility: "hidden"});
        });
    }

    $(document).ready(function() {
        mainmenu();
    });

    $(" #nav a").removeAttr("title");
});

Answer 1

$(window).resize(function() {
    if ($(window).width() > 643) {
        // do something
        console.log("width is now larger than 643px");
    } else {
        console.log("width is now smaller or equal to 643px");
    }
});

您可以在任何页面（例如此页面）的控制台中运行此代码，调整其大小并观察输出。

Answer 2

很难从您提供的信息中推断出您的问题，但这是尝试：

$(document).ready(function() {
    var initFn = function(){
        if($(window).width() >= 643){
           mainmenu();
           $(" #nav a").removeAttr("title");
        }
    } 

    $(window).resize(initFn);

    initFn();

});

function mainmenu(){
    $("#nav ul").css({display: "none"}); // Opera Fix

    $("#nav li").hover(function() {
        $(this).find('ul:first')
            .css({visibility: "visible", display:"none"})
            .show(500);
    }, function() {
        $(this).find('ul:first')
            .css({visibility: "hidden"});
    });
}