添加一个小部件gridster.js

adding a widget gridster.js

本文关键字：小部 gridster js 一个 添加      更新时间：2023-09-26

我正试图使用ajax从数据库中动态添加一个小部件——一个已经存在的网格：

$.post("gestion.php",{ 
    event : "true"
    },
    function(data,status){
        // return the name of the image like so : ImageName#x#y
        var arrayVal= data.split('#');
        var x= arrayVal[1];
        var y= arrayVal[2];
        //the result of the array : x = 2 , y = 1
        console.log("x = '" + x + "' - y = '" + y +"'");
        gridster.add_widget.apply(gridster, ['<li><img src="img/'+ arrayVal[0] +'"/></li>', x, y]);
    }
)

图像是正确生成的，但它被放置在col1和col2之间，网格开始出错。

直接从数组中添加值，如：gridster.add_widget.apply(gridster, ['<li><img src="img/'+ arrayVal[0] +'"/></li>', arrayVal[1], arrayVal[2]]);

也不起作用。。。

但当我尝试输入参数时，"艰难的方式"是这样的：gridster.add_widget.apply(gridster, ['<li><img src="img/'+ arrayVal[0] +'"/></li>', 2, 1]);

图像已正确添加到我的网格底部。

如何获取我的值，使插件不会出错？当我做console.log时，数字显示正确php和AJAX编码为UTF-8，数据库编码为utf8_unicode_ci

对不起我生疏的英语。。。

我已经找到了问题的解决方案，我只是在数组值周围添加了一个parseInt()。我的数组的值被视为字符串，这是

的原因
相关文章：