Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > drag & drop при помощи jquery-ui


Автор: MrDmitry 30.1.2013, 13:54
Всем привет. В интернете нашол интересный проект http://jqueryui.com/ (не реклама) одно из умений скрипта это 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 создается но не перемещается (((. Может кто то подскажет как это исправить? 





Автор: mullih 30.1.2013, 14:00
Цитата

 В интернете нашол интересный проект http://jqueryui.com/ (не реклама)


вот это реально зачет  smile умеете вы настроение поднять))

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

Код

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)