Javascript-форум - Не работает метод jQuery .css()

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Не работает метод jQuery .css() (https://javascript.ru/forum/dom-window/55542-ne-rabotaet-metod-jquery-css.html)

Цитата:

Сообщение от Blondinka (Сообщение 369293)

$(document).ready(function(){
var cellSize = 50;
    for(var i=0; i<10; i++){//Add div with incremented id to body and add to that div img.
	    $("body").append("<div id="+i+"></div>");
        $("div#"+i+"").append("<img src='wallpaper.jpg' class='puzzleImg' alt='img' />");
		$("div#"+i+"").css({//Не работает.
		    'top' : cellSize+"px",
			'left' : cellSize+"px"
			});
		cellsize=+50;
	}
});

Сразу после $(document).ready(function(){

Blondinka,
вам нужно как то понять что в строках 2 и 10 разные переменные :-/

Ой. Поняла. cellSize и cellsize. Спасибо, рони.

Blondinka,
:victory: :dance:

рони, вот еще немного поковырялась. Что-то работает)))

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<title>Puzzle</title>

<style>
div{
width: 50px;
height: 50px;
overflow: hidden;
}

.puzzleImg{
position: relative;
top: -500px;
left: 0px;
}
</style>

<script>
$(document).ready(function(){
var cellSize = 50;
    for(var i=0; i<10; i++){//Add div with incremented id to body and add to that div img.
	    $("body").append("<div id="+i+"></div>");
        $("div#"+i).append("<img src='wallpaper.jpg' class='puzzleImg, "+"block"+i+"' alt='img' />");
		$(".block"+i).css({
		    'position': 'relative',
		    'top' : cellSize+"px",
			'left' : 0+"px"
			});
		cellSize=cellSize-50;
	}
});
</script>
</head>


<body>
<input type="button" value="start new game" onclick ="location.reload();">
</body>
 
</html>

"Рисует" вертикальный кусок изображения. :dance: