Question

当我点击按钮时，我想用jquery弹出窗口打开default.aspx。但jquery modalwindow不起作用。单击按钮时，default.aspx页面将直接打开。

脚本：

<script type="text/javascript"> 
 $("#myElement").click(function (e) {
     e.preventDefault();
     $.get("Default.aspx", function (resp) {
         var data = $('<div></div>').append(resp);
         data.modal();
     });
 });
 </script>

Html：

<a id="myElement" href="">Linkler</a>

或

<a id="myElement" href="default.aspx">Linkler</a>

Answer 1

它的<a>锚标记带有一个href属性，可以直接打开你的页面。

您可以使用像<input type="button" id="myElement" value="click me">
这样的输入元素
假设您使用JqueryUI，您可以使用此方法进行一些修改。

var path = "Default.aspx"; //path to your file

$("#myElement").click(function (e) {
    $("#somediv").load(path).dialog({
        modal: true
    });
});

我尝试使用URL加载外部页面，但浏览器安全性会阻止它，但可以加载具有相对路径的文件。

不要忘记在页面中包含Jquery和JqueryUI（以及Jquery css，如果需要）。

Answer 2

jQuery中没有.modal（）。正确的电话会是：

data.dialog({
    modal: true });

这是使用jQueryUI，所以一定要引用该库。

查看API文档以获取有关对话框的更多信息： http://api.jqueryui.com/dialog/

Answer 3

您可以使用一些插件。 This真的可以帮助你，轻松改变一些。

asp.net中的jquery模态窗口

3 个答案: