VPF::drag & drop при помощи jquery-ui - Форум программистов

MrDmitry

Дата 30.1.2013, 13:54 (ссылка)

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

Загрузка ...

Опытный

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

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

Всем привет. В интернете нашол интересный проект jqueryui (не реклама) одно из умений скрипта это drag & drop любого объекта.

Код


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style/style.css">
        <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
      <script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
      <script type="text/javascript" src="js/ui/jquery.ui.mouse.js"></script>
      <script type="text/javascript" src="js/ui/jquery.ui.draggable.js"></script>
    <script type="text/javascript" src="js/test.js"></script>
    </head>
    <body>            


    <div id="work"><div id="test"></div></div>

    </body>
</html>

файл js/test.js

Код


  $(document).ready(function() {

      
    $(function() {
        $( "#test" ).draggable();
      });
});

Такой код работает нормально и тестовый объект перемещается. Но если на ходу создать слой и попробовать его переместить то скрипт уже не работает (((

Код


  $(document).ready(function() {
      
    $(function() {
        $( "#test" ).draggable();
$( "#test1" ).draggable();
      });
      
    
    
    $("#work").click(function () {
      $('#work').append('<div id="test1"></div>');
     });
});

созданный объект test1 создается но не перемещается (((. Может кто то подскажет как это исправить?

Это сообщение отредактировал(а) MrDmitry - 30.1.2013, 13:54

mullih

Дата 30.1.2013, 14:00 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата

В интернете нашол интересный проект jqueryui (не реклама)

вот это реально зачет smile

умеете вы настроение поднять))

а по делу так попробуйте

Код


  jQuery(function($) {
      
       $( "#test" ).draggable();
       
    
    
    $("#work").click(function () {
      $('#work').append('<div id="test1"></div>');
      $( "#test1" ).draggable();
    });
});

Это сообщение отредактировал(а) mullih - 30.1.2013, 14:02

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