0

当我单击一个按钮时，我想用 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>
4

3 回答 3

2

它是<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）。

于 2013-03-05T05:52:04.970 回答
0

你可以使用一些插件。这确实可以帮助您并轻松更改某些内容。

于 2013-03-05T04:49:06.737 回答
0

jQuery 中没有 .modal() 。正确的调用是：

data.dialog({
    modal: true });

这是使用 jQueryUI，因此请确保也引用该库。

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

于 2013-03-05T04:19:42.190 回答