Всем привет. Столкнулся со следующей проблемой.
Мне нужно динамически добавлять div'ы, с указанием его место положения на странице(left, top)
Накидал следующий скрипт
html:
JS
Таким способом элементы создаются в нужной области но при повторном клике, вновь созданный элемент как бы отталкивается от предыдущего на расстояние равное высоте предыдущего элемента.
PS в принципе почему так понятно, метод append создает новый элемент уже после имеющегося, но как тогда мне быть?
Мне нужно динамически добавлять div'ы, с указанием его место положения на странице(left, top)
Накидал следующий скрипт
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="JavaScript/jquery-1.9.1.js"></script>
<script type="text/javascript" src="JavaScript/work.js"></script>
<style>
#work {width:100%; height:1000px;}
</style>
<body>
<div id="work"></div>
</body>
</html>
JS
$(document).ready(function() {
var click=0;
$("#work").click(function (e) {
click=click+1;
ae=e||window.event;
mX0 = e.clientX;
mY0 = e.clientY-34;
id = "test"+click;
style ="#"+id+"{border:1px solid #000000; heigth:100px; width:100px; left:"+mX0+"px; top: "+mY0+"px; position:relative}";
$('head').append('<style>'+style+'</style>');
$('#work').append('<div id="'+id+'" class="class">text</div>');
});
});
Таким способом элементы создаются в нужной области но при повторном клике, вновь созданный элемент как бы отталкивается от предыдущего на расстояние равное высоте предыдущего элемента.
PS в принципе почему так понятно, метод append создает новый элемент уже после имеющегося, но как тогда мне быть?
Comments (2)
Пожалуйста. (если я правильно понял http://jsfiddle.net/haBmY/2/)
очепятка
Цитата (MrDmitry @ 22.9.2013, 12:12  ) |
| heigth:100px; |
очепятка
