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

Question

我正在尝试使网格布局在 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".

的菜鸟

Answer 1

试试这个

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

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

Passing variables with jquery css function doesn't work?

jquery

html

css

internet-explorer

internet-explorer-10