javascript - 在单击菜单栏上打开 jQuery 对话框作为登录框

Question

我有包含链接的菜单栏。有些链接需要密码保护。出于同样的原因，需要为这些类型的链接提供登录表单。我想使用 jQuery 对话框作为登录框，例如单击链接后，它应该打开登录表单..

这是我的菜单栏 html..

<li>
    <a href="#"><span>Settings</span></a>
    <div>
        <ul>
            <li><a href="Createuser.aspx"><span>Create New Account</span></a></li>
        </ul>
    </div>
</li>

我希望只要用户点击创建新帐户菜单栏，jQuery 登录对话框就会弹出，一旦输入的凭据得到验证并更正，它就会导航到 Createuser.aspx 页面。

这是我的 html 对话框代码。

<a href="/login" class="loginlink">Log In</a>
    <div id="loginform">
        <form action="/login" method="post">
        <table>
            <tr>
                    <td>User Name:</td>
            <td><input name="username" type="text" /></td>
        </tr>
        <tr>
                    <td>Password:</td>
            <td><input name="password" type="password" /></td>
        </tr>
        <tr>
                    <td colspan="2" style="text-align:center;">
                <input type="submit" value="Login" />
            </td>
        </tr>
        </table>
    </form>
    </div>

这是我的 jQuery 代码。

$(document).ready(function() {
    $('a.loginlink').click(function(e) {
        $('#loginform').dialog('open');
        e.preventDefault();
        return false;
    });

    $('#loginform').dialog({
        autoOpen: false,
        modal: true,
        resizable: false,
        draggable: false
    });
});

我的对话框在点击登录链接时打开，而我需要将它与菜单栏一起使用。

请帮帮我。

Answer 1

jQuery 正在使用 css目标节点的选择器。

$('a.loginlink').click(function(e) {
....

目前，您的弹出框仅适用于a.loginlink ，它正在选择一个元素，如 <a class="loginlink" href="..."> .如果你想让它在你的菜单栏上工作，那么你可以将类名添加到你的链接中。

<li><a href="Createuser.aspx" class="loginlink"><span>Create New Account</span></a></li>
                              =================