javascript - 响应式，jQuery和.resize

我想要不同的功能，具体取决于尺寸，并且：

$(window).resize(function() {
    checkWidth();
    location.reload();
});

似乎没有用。

var windowsize = $(window).width();
// resize browser
function checkWidth() {

    if (windowsize > 700) {
        $('#list').show();
        $('#nav_bu').hide();
        showcased();
        $('.project a').attr('href', '#top_shade');
    }
    else {
        accordion();
        $('.showcase').hide();
        $('#nav_bu').show();
    }
}
// on load
checkWidth();

请签出http://kirkradish.com/2013/kirk3.html

最佳答案

您只需设置一次windowsize，但这通常是在调整大小时必须更改的一个变量。
只需把这一行：

var windowsize = $(window).width();

进入您的功能：

function checkWidth() {
    //here we go:
    var windowsize = $(window).width();

    if (windowsize > 700) {
        $('#list').show();
        $('#nav_bu').hide();
        showcased();
        $('.project a').attr('href', '#top_shade');
    }
    else {
        accordion();
        $('.showcase').hide();
        $('#nav_bu').show();
    }
}

像这样的东西：

  $('#list').show();
  $('#nav_bu').hide();

传统上，您会在其他用户发布时对媒体查询进行处理。

关于javascript - 响应式，jQuery和.resize，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15837241/