Question

我无法让我的JS响应浏览器大小。为了解我正在做什么，我可以在链接http://jsfiddle.net/T5CqA/1/找到我更新的JS小提琴。

原始代码如下; `$（document）.ready（function（）{

            $('#myDeepMenu').deepMenu({"tileW":64,"tileH":100,
                                       "columns":2,"rows":2,
                                       "mark-type":"top-left",
                                       "mark-color":"#A1A1A1"});
        });

当您单击图标（此时没有图标）时，会弹出多个图像菜单。这些图标的排列由Javascript的“行”和“列”部分决定。我无法根据屏幕调整大小来更改值。我希望colums和row排列不同，以便它们适合屏幕大小。

例如，当屏幕变小时，从单行和列变为几行。

Answer 1

这是一个我想要包含在开发网站中的jQuery模块我正在调整窗口大小，以便我可以在控制台中看到值并使用checkWidth()返回的值进行计算。

jQuery(function($){

    //store the reference outside the event handler:
    var $window = $(window);

    function checkWidth() {
        var windowSize = $window.width();

        return windowSize;
    }

    // Execute on load
    checkWidth();

    // Bind event listener to window resize
    $(window).resize(function(){
            //remove console.log from production version - useful for while in development
        console.log('checkWidth: ', checkWidth() + 'px' );
    });

});

让JS响应屏幕宽度

1 个答案: