jquery - 触发带有链接的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');
});