用 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())
我正在尝试使网格布局在 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())