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