jQuery Dialog Load是一種非常實用的功能,它可以讓用戶在不離開當前頁面的情況下加載并展示新的內容。這非常有用,特別是在需要動態改變頁面內容的情況下。
使用jQuery Dialog Load非常簡單。我們只需要使用dialog()函數并在其中指定load()函數的路徑即可。
$(function() { $( "#dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 }, width: 500, height: 500, modal: true, buttons: [{ text: "關閉", click: function() { $( this ).dialog( "close" ); } }] }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ).load( "content.html" ); }); });
在這個例子中,我們首先初始化一個dialog,設置一些基本配置以及一個按鈕。然后,我們為一個按鈕添加了一個點擊事件,在點擊事件中打開了dialog,并通過load()函數從content.html中加載了內容。
總體來說,jQuery Dialog Load是一種非常有用且方便的功能。它可以幫助我們動態改變頁面內容,同時不用離開當前頁面。如果您需要這種功能,那么一定要試試jQuery Dialog Load!