jQuery .css («margin-left»)

Question

Я сделал вид игры в javascript, и в этой игре есть некоторые divs, которые горизонтально движутся с разными временами перехода. В этой игре есть функция, которая называется каждый 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: с помощью кронштейнов

Answer 1

Я считаю, что вам не хватает dot до выбора class1, в JQuery существует два типа выбора элементов либо по классам, как $(".ElemnetClass") или по ID, как $("#ElementID")

Более подробную информацию о .css()

Answer 2

Это пример вашего требования

$(".class").css('margin-left','10px');// Some Px (or) percentage Your Based On Requirement 

Вы можете использовать этот тип также Сначала вы создаете один класс ваших требований и использовать код ниже

$("#ElementId").addClass('created classname Here');