javascript - 在jsp中打开模态窗口

Question

我能够找到一种关于模态窗口的解决方案，这里是链接:Simple jQuery Modal Window Examples .但是，我特别想要的是:

• 我想将 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 非常简单。

我做了一些改变:

将类型更改为按钮，因为您不需要提交表单来加载 html。

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

后来我绑定(bind)了一个事件click an in this event:

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

希望对你有帮助