觸發與鏈接的jQuery UI對話框

Question

我試圖用鏈接觸發jQuery UI對話框。這裏的鏈接：

<a href="#" id="mydialog">Open the dialog</a> 

，這裏是較早在頁面上的JavaScript：

$(document).ready(function() { 
    var $mydialog = $('<div></div>') 
     .html('dialog body') 
     .dialog({ 
      autoOpen: false, 
      title: 'dialog title' 
     }); 
    $('#mydialog').click(function() { 
     $mydialog.dialog('open'); 
    }); 
}); 

使用與分配適當的ID按鈕時，這個JavaScript之前已經爲我工作，但它不工作與鏈接。此外，我無法弄清楚如何停止鏈接重定向到由href指定的地址（在點擊處理程序中放置返回false不起作用）。

謝謝你們。

Answer 1

我認爲你的代碼不適用於a標籤，因爲他們正在做他們的默認行爲。基本上，該頁面在對話框打開之前正在繼續。讓它停止與event.preventDefault()。注意function也有event。

$('#mydialog').click(function(event) { 
    event.preventDefault(); 
    $mydialog.dialog('open'); 
});