jQuery的用戶界面 - 如何將圖像放入模式

我一直在努力讓這個工作。當我拖動拖動函數時，我調用了一個模式。我想把這個元素放到這個被調用的模態中。我似乎無法將可拖動元素集中到模態中。有人可以幫我解決這個問題。這裏是我的代碼：jQuery的用戶界面 - 如何將圖像放入模式

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

功能（）{

$（本）.find（」拖動標籤。 '）停止（）動畫（{marginTop：。' - 50像素 '}，' 快'）; }，

功能（）{

$（本）.find（ '拖動標籤。 '）停止（）動畫（{marginTop：' 0 '}，' 快'）; }

）;

$（「嘖嘖IMG。」）拖動（ {
hoverClass：「dropHover」，幫手：「克隆」，不透明度：「0.5」，手柄：「 .tut-IMG」， //使工具欄成爲可拖動部分 drag：function（ev，ui）{（'＃newPerson'）。dialog（「open」）; }， stop：function（ev，ui）{0} { $ #newPerson'）。dialog（「close」）; } } ）; $（「newPersonDrop。」）可放開（ { 接受：「 .tut-IMG」，下降：函數（EV，UI）{VAR = droppedItem ui.draggable.clone（）addClass（「droppedItemStyle」）;
$（this）.append（droppedItem）; alert（'I get called'）;
} } ）;

}）;

來源

2009-12-14 paravamu

首先緩存你的對話

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

在你投擲的功能

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

來源

2009-12-14 02:15:18 czarchaic

嗨，我想你的建議。這表現很奇怪。當我將圖像拖到模態邊界之外，然後進入模態 - 我可以將其放入模態。否則，當我將圖像直接拖到模式中時，它不起作用！任何想法爲什麼這可能發生？ – paravamu 2009-12-18 14:22:24

jQuery的用戶界面 - 如何將圖像放入模式

回答

相關問題