2013-03-05 55 views
0

我想用jquery弹出窗口打开default.aspx,当我点击一个按钮。但jQuery的模态窗口不起作用。当我点击按钮default.aspx页面直接打开。asp.net中的jquery模式窗口

脚本:

<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> 

回答

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)。

0

没有.modal()jQuery中。正确的电话会是:

data.dialog({ 
    modal: true }); 

而这是使用jQueryUI,所以一定要引用该库以及。

退房更多信息API文档的对话框: http://api.jqueryui.com/dialog/

0

你可以使用一些插件。 This真的可以帮助你和它的易于改变。