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>

稍后我绑定一个事件，点击此事件：

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

我希望这可以帮到你

在jsp中打开一个模态窗口

1 个答案: