用 jquery css 函数传递变量不起作用?

Passing variables with jquery css function doesn't work?

我正在尝试使网格布局在 IE10 中工作并且非常接近解决方案(至少我是这么认为的)。我写了这个简短的脚本,它应该可以告诉 div 以何种方式放置在网格中,因为显然 IE 无法自动填充。

var x = 1;
var y = 1;
jQuery(".grid .flex").each(function () {
        jQuery(this).css('-ms-grid-row', x);
        jQuery(this).css('-ms-grid-column', y);
        console.log(x);
        console.log(y);
        if (y >= 3) {
            y = 1;
            x++;
        }
        else {
            y++;
        }
});

div 的正确值显示在控制台上,但 .css() 函数似乎并没有完全理解它们只是数字。我没有按照此处显示的方式工作,但是当我将方法更改为 "-ms-grid-rows(or -column s)" 脚本注入样式标签就好了。

我认为 jquery 假设变量是像素测量值,这可以解释为什么 "-ms-grid-rows" 有效而 " -ms-grid-row 没有。

有办法解决这个问题吗?我可以明确地说变量只是数字吗?

对不起,如果这一切听起来有点乱,我只是一名试图解决问题的实习生,因为高级开发人员正在休假。我也是 "web-development".

的菜鸟

试试这个

 jQuery(this).css('-ms-grid-row', x.toString())