откройте модальное окно в JSP

Question

Мне удалось найти одно решение в отношении модальных окон, вот ссылка: Примеры простых модальных окон jQuery . Тем не менее, что я хочу конкретно:

• Я хочу открыть b.jsp в качестве простого модального окна, как показано на ссылке выше.
• После нажатия кнопки отправки я хочу открыть b.jsp таким образом.

Я пробовал несколько решений, но не могу заставить его работать одинаково.

Вот мой код ниже:

a.jsp

<form action="b.jsp">
<input type="submit" value"click here to open modal window"/>
</form>

Answer 1

Использовать JQuery UI очень просто.

Я делаю некоторые изменения:

Измените тип на кнопку, потому что вам не нужна форма sudmit для загрузки html.

<div id="resultreturn" style="display: none"></div>
<form >
<input type="button" value="click here to open modal window" id="loader"/>
</form>

Позже я связываю событие, щелкните в этом событии:

$(document).ready(function(){
    $("#loader").click(function(){
                // Load the page into the div
        $("#resultreturn").load("b.html");
                // Show the modal dialog
        $("#resultreturn").dialog({ modal: true });
    });
});

Надеюсь, это поможет вам