我在javascript中制作了一种游戏,在这个游戏中有一些div在不同的过渡时间内水平移动。在这个游戏中,有一个函数被称为每1/100
秒。然后它首先检查它的位置:
$("class1").css("margin-left")
现在奇怪的是:当我在html中设置类时:
<div class = "class1"></div>
.css("margin-left")
完美无缺,但是当我没有在html中设置类时,我在js中添加了类,如:
$("div:nth-child(6)").addClass("class1");
然后$(theclass).css("margin-left")
给出了错误的输出。
我试过.position和.offset,但这些都不适合我。
我的代码:
function newBlock(block, marginTop, bgc, height, hoogte1, hoogte2, v, tijd){
block.css("background-color", bgc).css("height", height).css("margin-top", marginTop);
var movement1 = "movement1";
var movement2 = "movement2";
// if (positionPixelsBlockF > 0){
// positionPixelsBlockF = positionBlockF.slice(0, 3);
// }
setInterval(positie, 10);
function positie(){
tijd = tijd + 1;
if (v != 0){
block.addClass("i" + v);
$(".i" + v).css({"width": "50px", "display": "inline-block", "position": "absolute", "z-index": "20"});
var positionBlockF = $(".i" + v).css("margin-left");
var positionPixelsBlockF = positionBlockF.slice(0, 4);
$("#uitleg4").html(positionPixelsBlockF);
else if (v === 0){
var positionBlockF = $(".b1").css("margin-left");
var positionPixelsBlockF = positionBlockF.slice(0, 4);
不介意{}的使用不完整,但在我的代码中已修复。
PS:使用括号
答案 0 :(得分:0)
我相信你在class1选择之前缺少一个dot
,在jquery中有两种类型的元素选择,可以是像$(".ElemnetClass")
这样的类,也可以是像$("#ElementID")
这样的ID
有关.css()
的更多信息答案 1 :(得分:0)
这是你需求的一个例子
$(".class").css('margin-left','10px');// Some Px (or) percentage Your Based On Requirement
您可以使用此类型还首先创建一类您的要求 并使用以下代码
$("#ElementId").addClass('created classname Here');