4

真的是菜鸟问题，但我不明白我在这里做错了什么？

<head>
    <link rel="stylesheet" type="text/css" href="gridstack.js/dist/gridstack.css">
</head>

<body>
    <div class="grid-stack">
        <div class="grid-stack-item" 
            data-gs-x="0" data-gs-y="0" 
            data-gs-width="4" data-gs-height="2">
                <div class="grid-stack-item-content"> azazfaz</div>
        </div>
        <div class="grid-stack-item" 
            data-gs-x="4" data-gs-y="0" 
            data-gs-width="4" data-gs-height="4">
                <div class="grid-stack-item-content"></div>
        </div>
    </div>
</body>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"> </script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"> </script>
<script type="text/javascript" src="gridstack.js/dist/gridstack.js"> </script>

<script type="text/javascript">
    $(function () {
        var options = {
            cell_height: 80,
            vertical_margin: 10
        };
        $('.grid-stack').gridstack(options);
    });
</script>

我收到此错误：

gridstack.js:391 Uncaught TypeError: undefined is not a function

指向gridstack中的这条线：

  var is_nested = this.container.closest('.' + opts.item_class).size() > 0;

编辑：我发现了问题，如果我替换这些行

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"> </script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>

经过

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>

然后它起作用了，知道为什么吗？

4

3 回答 3

6

size()作为一种解决方法，您可以执行以下操作以在该函数不存在时使 gridstack 工作：

$.fn.size = function(){
  return this.length;
};
于 2016-06-17T17:36:29.707 回答
2

jQuery 3.0 移除了 jQuery.fn.size 方法。使用这个库时，坚持使用 1.11.x 可能更安全。

https://github.com/jquery/jquery/issues/1749

（顺便说一句，我实际上得到 this.container.closest(...).size 不是报告错误的函数）。

于 2015-11-25T17:45:06.190 回答
1

如果您按照https://api.jquery.com/size/的建议对 gridstack.js 进行编辑，则可以使用 jQuery 3.0 及更高版本

将 gridstack.js（版本 0.2.5）中的第 511 行更改为：

var isNested = this.container.closest('.' + opts.itemClass).size() > 0;

到

var isNested = this.container.closest('.' + opts.itemClass).length > 0;

和 gridstack 工作正常。

于 2016-08-08T08:42:35.717 回答