Как сделать так, чтобы диалог jQuery UI всегда содержался в определенном DIV? - PullRequest
Новая
       32

Как сделать так, чтобы диалог jQuery UI всегда содержался в определенном DIV?

0 голосов
/ 17 января 2012

Я использую диалоговое окно jQuery UI.Сам HTML-код для диалога находится в теге li , чтобы его можно было выровнять по этому li .

Проблема заключается в том, что при нажатии кнопки, вызывающейдиалоговое окно, HTML-код диалога больше не находится внутри тега li , поэтому он не выровнен по нему.Похоже, что это ребенок самого высокого DIV на моем сайте.

Как я могу привязать его к li ?

Заранее спасибо.

Пример кода: 

$('#login-dialog').dialog({
    autoOpen : false,
    resizable : false,
    draggable : false,
    width : 400

});
$('#login').click(function(event) {
    event.preventDefault();
    $('#login-dialog').dialog('open');
});

HTML: 

                    <li id="loginBox">
                         <a href="#" id="login">Login</a>
                         <div id="login-dialog" title="Login to Townflicks">
                            <form method="post" action="http://${pageContext.request.serverName}/http">
                                <input type="email" name="j_username"/><br/>
                                <input type="password" name="j_password"/><br/>
                                <input type="checkbox" name="remember"/> Remember me
                                <a href="/forgotpassword">Forgot password</a><br/>
                                <input type="submit" value="Login &gt;&gt;"/>
                            </form>
                        </div>
                    </li>
...