VPF::jquery: Добавление обьекта - Форум программистов

MrDmitry

Дата 22.9.2013, 12:12 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 556
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

Всем привет. Столкнулся со следующей проблемой.

Мне нужно динамически добавлять 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>

Код


   $(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 создает новый элемент уже после имеющегося, но как тогда мне быть?

MrDmitry

Дата 22.9.2013, 13:34 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 556
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

Спасибо, решено )

Evghenusi

Дата 22.9.2013, 13:53 (ссылка)

(нет голосов)

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 1
Всего: 15

Пожалуйста. (если я правильно понял http://jsfiddle.net/haBmY/2/)

Цитата(MrDmitry @ 22.9.2013, 12:12

)

heigth:100px;

очепятка

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »