jQuery Dialog可以很方便地在頁面上顯示彈窗,而且可以通過url參數來加載頁面內容。
$( "#dialog" ).dialog({ autoOpen: false, modal: true, title: "Dialog Using URL parameter", width: 500, height: 400, buttons: { Close: function() { $( this ).dialog( "close" ); } }, open: function() { $( this ).load( "http://example.com/remote.html" ); } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false; });
代碼中的load()函數用于通過url加載遠程頁面內容,并將內容填充到彈窗中。點擊觸發彈窗的按鈕后,彈窗就會自動打開,并且遠程頁面的內容已經加載成功了。
使用jQuery Dialog的url參數,可以輕松實現彈窗中加載遠程頁面內容的功能,這對于一些需要在彈窗中展示大量信息的網站來說非常實用。
下一篇使用css設置背景顏色