2013-03-05 24 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真的可以幫助你和它的易於改變。