更改屏幕尺寸时如何删除功能（菜单响应式）

Question

$(document).ready(function () {
    // get width of screen
    var Docwidth = 0;
    $(window).resize(function () {
        Docwidth = $(document).width();

        //if width of document smaller screen

        if (Docwidth < 768) {
            //turn on accordion
            $('#accordion').accordion({
                heightStyle: false
            });
        } else {
            // turn off function when i change screen size
            $('#accordion').accordion("disable");
        }
    });
});

Answer 1

尝试这个。

$(document).ready(function () {
// get width of screen
var Docwidth = 0;
    testWindowWidth();
});

$(window).resize(function () {
   testWindowWidth();
});

function testWindowWidth(){
     Docwidth = $(document).width();   

    //if width of document smaller screen

    if (Docwidth < 768) {
        //turn on accordion
       $('#accordion').accordion({
            heightStyle: false
        });

    } else {
        // turn off function when i change screen size

        $('#accordion').accordion("disable");

    }
}

你必须设置' $（window）.resize（）; '放在“ $（document）.ready（）; ”-函数之外，因为在“ ready”中它将仅运行。

希望我能提供帮助。

演示 < - 你必须改变红色块的innerWindow :)