添加小部件gridster.js

Question

我试图使用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。

抱歉我的英语生疏了..。

Answer 1

我已经找到了解决问题的方法，我只是在数组值周围添加了一个parseInt()。由于任何原因，我的数组的值被认为是字符串。