为什么这个jQuery对话框不起作用？

Question

按下链接时没有启动对话窗口,你能看到我的JS/HTML代码有什么问题吗？

谢谢.

http://jsfiddle.net/LtQnT/

Answer 1

我稍稍调整了你的代码,所以它现在有效:

JavaScript的:

$('#forgot').click(function() {
        $( "#forgot-dialog" ).dialog( "open" );
});

$(document).ready(function() {
    $( "#forgot-dialog" ).dialog({
            modal: true,
            autoOpen: false,
            height: 255,
            width: 300,
            buttons: {
                "Retrieve": function() {
                    document.forms["forgotform"].submit();
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            },
    });
});

HTML:

<a href="#" id="forgot">Forgot?</a>

<div id="forgot-dialog" style="display:none;" title="Reset your password">
<form id="forgotform" action="/forgotPassword.php" method="post">
<label for="forgot_email">Email</label>
<input type="text" name="forgot_email" id="forgot_email" class="text ui-widget-content ui-corner-all" value="<?= $fb_email ?>" />
</form>
</div>

这是一个有效的演示:http://jsfiddle.net/HxbTY/.

你没有包括jQuery UI,因为它dialog()是jQuery UI的一部分,而不是jQuery.

我不确定为什么该函数没有触发(可能是jsFiddle.net错误),但我click()在链接中添加了一个处理程序以使其工作.