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]]);

也不起作用......

但是当我尝试输入参数时，＆＃34;艰难的方式＆＃34;像这样： 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

1 个答案: