添加小部件 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]]);

不太行...

但是当我尝试输入参数时 "hard way" 像这样： 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()。出于某种原因，我的数组的值被认为是字符串

添加小部件 gridster.js

adding a widget gridster.js

javascript

ajax

jquery

gridster