Question

我有一个jquery登录链接，我将其显示为false.I将此链接分配给我的菜单栏超链接。根据我的需要，我想在用户点击超链接时立即显示此jquery登录对话框。

我已经在我的jsp页面中添加了以上所有内容。现在的问题是，只要我点击我的jsp页面，这个登录表单会闪烁纳秒但是可见它是登录表单，这是非常奇怪的看，我想删除这个..

这是我在jsp页面中添加的登录表单css ..

<style type="text/css">

    *{ font-family: sans-serif; }

    body { font-size: 13px; }

    table { border-collapse: seperate; border-spacing: 1px; }

    table td { padding: 2px; }

</style>

这是我在jsp页面的html中的登录表单对话框..

 <a href="/login" style="display:none" class="loginlink">Log In</a>

<div id="loginform">
    <form action="automaillogin.jsp" method="post">
        <table>
            <tr>
                <td>User Name:</td>
                <td>
                    <input name="username" id="username" type="text" />
                </td>
            </tr>
            <tr>
                <td>Password:</td>
                <td>
                    <input name="password" id="password" type="password" />
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align:center;">
                    <input type="submit" value="Login" />
                </td>
            </tr>
        </table>
    </form>
</div>

这是我的登录表单点击事件..

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

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

这是我的菜单栏，我已经添加了我的登录表单类..

<li><a href="Automail.jsp" class="loginlink"><span>Auto-Mail Settings</span></a></li>

请帮帮我.. 提前谢谢..

单击特定超链接时，Jquery登录对话框会闪烁

0 个答案: