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

时间:2018-03-20 12:17:59

标签: jquery html css internet-explorer internet-explorer-10

我试图在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-row s (或-column s )" 脚本注入样式标签就好了。

我认为jquery假设变量是像素测量,这可以解释为什么" -ms-grid-rows" 工作和" -ms-网格行" 没有。

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

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

1 个答案:

答案 0 :(得分:1)

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