jquery ui - comment faire tomber l'image dans un modal

Question

J'ai essayé dur pour que cela fonctionne. J'ai un modal que j'appelle quand la fonction draggable - drag est appelée. Je veux déposer l'élément dans ce modal qui a été appelé. Je ne peux pas sembler concentrer l'élément draggable dans le modal. Quelqu'un peut-il m'aider avec ce problème. Voici mon code:

$(document).ready(function(){ 
    // Executed once all the page elements are loaded 
    //setup new person dialog 
     $('#newPerson').dialog({ 
       autoOpen: false, 
       draggable: false, 
       modal: true, 
       closeOnEscape: true, 
       height: '400px', 
       width: '600px', 
       title: "Drag to FB, Twitter", 
       open: function(type, data) { 
        $(this).parent().appendTo("form"); 
       } 
      }); 

// The hover method takes a mouseover and a mouseout function: 
$(".tut").hover(

fonction

() {

$ (this) .Find (» glisser-étiquette.) Stop() animer ({marginTop:.. '- 50px '},' rapide '); },

fonction

() {

$ (this) .Find stop() ('glisser-étiquette. ') Animer ({marginTop:' 0 '.},' Rapide'); }

);

$ ("Tut-img. ") (Draggable {
hoverclass:. "DropHover", helper: "clone", opacité: "0,5", poignée:" .tut-img", // fait de la barre d'outils la partie déplaçable glisser: function (ev, ui) { $ ('# newPerson'). boîte de dialogue ('open'); }, stop: function (ev, ui) { $ ' #newPerson '). dialog ("close"); } } ); $ ("newPersonDrop. ") Largables ( { accepter:." .tut-img", baisse:. Fonction (ev, ui) {var droppedItem = ui.draggable.clone() addClass ("droppedItemStyle");
$ (this) .append (droppedItem); alert ('je me appelais');}
} );

});

Answer 1

premier cache votre boîte de dialogue

var dialog=$('#newPerson').dialog({ 
    //dialog options 
}); 

Dans votre fonction largable

$('.newPersonDrop').droppable({ 
    //droppable options 
    drop: function(event, ui){ 
    dialog.empty().append($(ui.draggable).clone()); 
    } 
});