java中的jquery外掛-動態對話方塊-dialog?

有時候頁面需要用到彈出的對話方塊,可以使用jquery裡面的dialog外掛快速建立對話方塊

工具/原料

jquery外掛包

方法/步驟

1.導包:jquery.ui.all.css(外掛樣式)、jquery-1.8.3.js(jquery基礎包)、三個dialog支援包(jquery.ui.core.js、jquery.ui.widget.js、jquery.ui.dialog.js(dialog包))(其實只要匯入一個基礎包跟樣式jquery.ui.all.css,還有一個jquery-ui.js包就可以了,因為裡面已經包含了所有的樣式和外掛)

2.js程式碼編寫:

3.彈窗裡面內容編寫:跟正常html一樣,該怎麼寫還是怎麼寫

使用者名稱:
密 碼:

4.按鈕呼叫:可以設定預設彈出是關閉的,當點選時再呼叫

注意事項

三個dialog支援包需要按照順序來新增,否則會報錯

相關問題答案