用链接触发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指定的地址（在单击处理程序中放置return false不起作用）。

谢谢你们。

Answer 1

我认为您的代码不适用于a代码，因为它们正在执行默认行为。基本上，页面在对话框打开之前继续。使其event.preventDefault()停止。请注意，function也已传入event。

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