jQuery .css(“margin-left”)

时间:2016-08-07 23:12:54

标签: javascript jquery html position

我在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:使用括号

2 个答案:

答案 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');