0

私はこれを機能させるために一生懸命努力してきました。ドラッグ可能なときに呼び出すモーダルがあります-ドラッグ機能が呼び出されます。呼び出されたこのモーダルに要素をドロップしたい。ドラッグ可能な要素をモーダルにフォーカスできないようです。誰かがこの問題で私を助けてくれますか? これが私のコードです：

    $(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(

関数（）{

$(this).find('.drag-label').stop().animate({marginTop:'-50px'},'fast'); }、

関数（）{

$(this).find('.drag-label').stop().animate({marginTop:'0'},'fast'); }

);

$(".tut-img").draggable( {
hoverClass: "dropHover", helper: "clone", opacity: "0.5", handle: ".tut-img", // ツールバーをドラッグ可能な部分にする drag: function (ev, ui) { $('#newPerson').dialog("open"); }, 停止: function(ev, ui) { $('#newPerson').dialog("close"); } } ) ; $(".newPersonDrop").droppable( { accept: ".tut-img", drop: function(ev, ui) { vardroppedItem = ui.draggable.clone().addClass("droppedItemStyle");
$(this ）。append(droppedItem); alert('電話がかかってきました');
} } );

});

4

1 に答える 1

0

最初にダイアログをキャッシュします

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

ドロップ可能な関数で

$('.newPersonDrop').droppable({
  //droppable options
  drop: function(event, ui){
    dialog.empty().append($(ui.draggable).clone());
  }
});
于 2009-12-14T02:15:18.337 に答える