Dialog是一個(gè)強(qiáng)大的jQuery插件,可以在網(wǎng)頁(yè)中創(chuàng)建美觀的對(duì)話框。Dialog有很多參數(shù)可以設(shè)置,其中之一就是設(shè)置對(duì)話框里面的url。下面我們來(lái)看一下如何設(shè)置:
$( "#dialog" ).dialog({ autoOpen: false, modal: true, width: 400, height: 300, show: { effect: "fade", duration: 500 }, hide: { effect: "fade", duration: 500 }, //設(shè)置對(duì)話框的url open: function() { $(this).load("http://www.example.com/dialog.html"); } });
如上述代碼所示,我們可以通過(guò)在open回調(diào)函數(shù)中使用load方法來(lái)設(shè)置對(duì)話框的url。load方法可以從服務(wù)器上獲取一個(gè)html文件,并將其內(nèi)容載入到對(duì)話框中。在這個(gè)例子中,我們將對(duì)話框的url設(shè)置為"http://www.example.com/dialog.html"。當(dāng)對(duì)話框打開(kāi)時(shí),jQuery會(huì)從這個(gè)url獲取html文件,并將其內(nèi)容顯示在對(duì)話框中。你也可以使用其他的url,只需要將上述代碼中的url替換為你的url即可。