Question

我对编码很新，需要一些帮助。

我正在尝试让我的网页检测用户的像素大小何时在768和1200px之间，并且当有人适合此参数时，我打算更改菜单的工作方式。

这是我的代码示例：

if (@media < 768px && @media >1 200px){
    Then
        $(document).ready(function(){
        $('#myMenuButton').menu({
            content: $('#myContent').html(),
            maxHeight: 180,
            positionOpts: { offsetX: 10, offsetY: 20 },
            showSpeed: 300
        });
    });
}

Answer 1

您可以使用jQuery $(window).resize()事件。例如，您可以这样做：

$(window).resize(function(){
    var windowWidth = $(window).width(); //Get the user's width
    if (windowWidth < 1200 && windowWidth > 768){
        //Do code
    }
});

调整大小事件的文档：https://api.jquery.com/resize/

请注意，您最好将上述代码打包成文档准备就绪 http://learn.jquery.com/using-jquery-core/document-ready/

使用jQuery像素检测来更改菜单布局

1 个答案: