как клонировать перетащить событие с помощью JQuery и JQuery-UI

я хочу создать appendTo document.body новый «.b» Див,как клонировать перетащить событие с помощью JQuery и JQuery-UI

и может dragable как и его отец,

, но я не может клонировать событие перетаскивания,

, как это сделать,

благодаря

это мой код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
     <meta name="viewport" content="width=device-width, user-scalable=no"> 
    </head> 
<body> 
     <style type="text/css" media="screen"> 

     </style> 

     <div id="map_canvas" style="width: 500px; height: 300px;background:blue;"></div> 

     <div class=b style="width: 20px; height: 20px;background:red;position:absolute;left:700px;top:200px;"></div> 

     <script src="jquery-1.4.2.js" type="text/javascript"></script> 
     <script src="jquery-ui-1.8rc3.custom.min.js" type="text/javascript"></script> 
     <script type="text/javascript" charset="utf-8"> 
$(".b").draggable({ 
    start: function(event,ui) { 
     //console.log(ui) 
     //$(ui.helper).clone(true).appendTo($(document.body)) 
     $(this).clone(true).appendTo($(document.body))//draggable is not be cloned, 
     } 
    }); 
$("#map_canvas").droppable({ 
drop: function(event,ui) { 
    //console.log(ui.offset.left+' '+ui.offset.top) 
    ui.draggable.remove(); 
    } 
}); 
     </script> 
    </body> 
</html>

источник

2010-03-14 zjm1126

Похоже, что вы пытаетесь сделать, это «вернуть» .b обратно в исходное место после сброса. Попробуйте сделать это:

$(".b").draggable({ 
    revert: true, 
    revertDuration: 0 
}); 
$("#map_canvas").droppable({ 
    drop: function(event,ui) { 
     //console.log(ui.offset.left+' '+ui.offset.top) 
    } 
});

источник

2010-03-14 02:29:06 PetersenDidIt

cool cool cool cool cool – zjm1126

Deep копия не будет работать с клоном, попробуйте использовать JQuery жить

$(".b").live("draggable", function() { 
//impl 
});

живое событие означает, что каждый объект, созданный будет проверяться, если спичек селекторных и добавили событие.

источник

2010-03-14 02:27:07

, который будет работать для настраиваемого события «draggable», но не для применения плавного перетаскивания плагина. – PetersenDidIt

Действительно, предположил, что это событие. Спасибо за вход –

как клонировать перетащить событие с помощью JQuery и JQuery-UI

ответ

Смежные вопросы