Question

我不确定它是否是一个网格问题但是得到了很多帮助。当我添加大小为13x16的多个小部件时（想象小部件大小足以覆盖普通的PC屏幕），浏览器就会挂起（浏览器无响应）。 Firebug没有显示任何问题。

请在下面找到我的网格配置

$scope.gridsterOptions = {
        margins: [10, 10],
        columns: 50,
        width: 'auto',
        height: 'auto',
        resizable: {
            enabled: true,
            handles: ['n', 'e', 's', 'w', 'ne', 'se', 'sw', 'nw'],
            start: function(event, $element, widget) {
            },
            resize: function(event, $element, widget) {
            },
            stop: function(event, $element, widget) {
            }
         },
         draggable: {
            enabled: true,
            handle: '.widgetHeader',
            start: function(event, $element, widget) {
            },
            drag: function(event, $element, widget) {
            },
            stop: function(event, $element, widget) {
            }
         }
    };

供参考：如果小部件大小为6x6，则没有问题。我尝试了多达25个小部件，没有明显的性能问题。但是，如果小部件大小为13x16，只有3个小部件，我的浏览器没有响应问题。

你能不能给我一些指示来解决这个问题？

当小部件尺寸较大时，Gridster会挂起

0 个答案: