jQuery的對話框打開/關閉使用轉移效應

Question

我希望能夠關閉此對話框，並將它用這個傳遞給一個對象

我試過......不是運氣

close: function() { 
    $(this).effect('transfer', { to: "#smpb_info_btn", className: "ui-effects-transfer" }, 500);$(this).remove(); 
} 

現在我特林這個......仍然沒有運氣

$PMinfo_Dialog.dialog({ 
     autoOpen: true, 
     height: 250, 
     width: 600, 
     modal: false, 
     draggable: false, 
     resizable: false, 
     hide:{ 
      effect:"transfer", 
      options:{from: "#smpb_info_btn", className: "ui-effects-transfer"}, 
      speed:500 
      } , 

     close: function() { $(this).remove();}, 
     }); 
    $PMinfo_Dialog.dialog("open"); 

Answer 1

這working jsFiddle demo應是你所需要的：

HTML：

<div id="PMinfo">Hello</div> 

<button id="smpb_info_btn">Info</button> 

CSS：

.ui-effects-transfer { border: 2px dotted gray; } 

JS：

$("#PMinfo").dialog({ 

    autoOpen: true, 
    height: 250, 
    width: 600, 
    modal: false, 
    draggable: false, 
    resizable: false, 
    beforeClose: function() { 

     var $this = $(this); 

     $this 
      .dialog("widget") 
      .effect("transfer", { 

       to: "#smpb_info_btn", 
       className: "ui-effects-transfer" 

      }, 500, function() { 

       $this.remove(); 

      }); 

    } 

});