無法關閉jQuery UI的對話框

Question

這裏是jQuery的的代碼來打開/關閉對話框和HTML鏈接：

$("#security-code-link").click(function() { 
    $("#security-code-box").dialog({ 
     draggable: false, 
     height: 500, 
     modal: true, 
     position: ["center","center"], 
     resizable: false, 
     width: 500 
    }); 
}); 

$("#close-security-code-link").click(function() { 
     $("#security-code-box").dialog("close"); 
}); 


<a id="security-code-link">Where is this?</a> 
<div id="security-code-box"> 
<h3>Where is my security code?</h3> 
<div class="center"> 
    <img src="<?php bloginfo("template_directory"); ?>/images/security-codes.jpg" /> 
    <br /><a id="close-security-code-link">Close this box</a> 
</div> 
</div> 

爲什麼對話框不關閉？

Answer 1

試試這個：

$(function() { 
    $("#security-code-box").dialog({ 
     draggable: false, 
     height: 500, 
     modal: true, 
     position: ["center","center"], 
     resizable: false, 
     width: 500, 
     autoOpen: false 
    }); 
    $("#security-code-link").live('click', function() { 
     $("#security-code-box").dialog('open'); 
    }); 
    $("#close-security-code-link").live('click', function() { 
     $("#security-code-box").dialog("close"); 
    }); 
}); 

Answer 2

工作對我來說：http://jsfiddle.net/muF8S/1/

確保你的腳本是你的準備函數中。