jQuery的模態對話框的onclick

Question

所以，我有一個鏈接，

<a href="javascript: void(0)" id="dialog_link">I'm the link</a> 

，我試圖讓一個模式對話框打開，當你點擊鏈接，以接受按鈕，當你點擊接受按鈕，它將轉發到一個新的頁面。這是對話的腳本，

<script> 
$(document).ready(function() { 
    $('#dialog').dialog({ autoOpen: false }) 
    $('#dialog_link').click(function(){ 
     $("#dialog").dialog('open', { 
      modal:true, 
      buttons: { 
       Accept: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
}); 

對於現在的接受應該只是關閉對話框。我遇到的問題是打開對話框，但不抓住我指定的任何選項。誰知道怎麼修它？

Answer 1

$('#dialog').dialog({ autoOpen: false }) 
$('#dialog_link').click(function(){ 
    $("#dialog").dialog({ 
     modal:true, 
     buttons: { 
      Accept: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
    $('#dialog').dialog('open'); 
}); 

Answer 2

不需要調用對話第一：

$(document).ready(function() { 
    $('#dialog_link').click(function(){ 
     $("#dialog").dialog({ 
      modal:true, 
      autoopen: true, 
      buttons: { 
       Accept: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
}); ​ 

http://jsfiddle.net/HtYQd/