有時候頁面需要用到彈出的對話方塊,可以使用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支援包需要按照順序來新增,否則會報錯