Question

我正在使用Gridster在我的应用中渲染图块的布局，使用NodeBB作为基础。

代码如下：

<script src="/jquery.js"></script>
<script src="/gridster.js"></script>

<script>
$.noConflict();
jQuery(function () {
    jQuery(".gridster ul").gridster({
        widget_margins: [10, 10],
        widget_base_dimensions: [175, 175],

        serialize_params: function(wi, wgd) {
            console.log($(wi).attr('id'));
            return {
                id: $(wi).attr('id'),
                col: wgd.col,
                row: wgd.row,
                size_x: wgd.size_x,
                size_y: wgd.size_y
            };
        },

        draggable: {
            start: function () {
                dragged = 1;
            },
            stop: function () {
                setTimeout(function () {
                    dragged = 0;
                }, 5);
            }
        }
    });
});
</script>

正如您所看到的，我尝试在<script>标记中初始化Gridster，但是当我运行它时，我得到：

Uncaught TypeError: undefined is not a function

尝试访问gridster（$('.gridster ul').gridster( \\ ..）时。 jQuery很好，它只是Gridster。

为什么？

Answer 1

看起来您可能使用过源文件，而不是gridster的编译版本。你从GitHub下载了吗？使用dist/jquery.gridster.min.js，而不是src/jquery.gridster.js

为了将来参考，src/中的版本可供Grunt编译时使用。

Gridster没有出现在jQuery变量下

1 个答案: