實作彈框,比較精美的jquery.ui.*;來實作,彈框顯示:
jsp頁面代碼[jqueryuidialog.jsp]:
js代碼:
注:此方式實作後,ie9上代碼,彈框不居中,查閱資料,自己f12調試查找:
因為:ui-dialog下的inner style中的left=-2px;導緻的,修改後發現可以居中,但沒辦法深入修改插件,内部style,還要相容多種浏覽器。
最終解決:<!doctype html public "-//w3c//dtd html 4.01 transitional//en">修改為<!doctype html>居中顯示了。(“可能”在特殊情況,送出背景資料為null)
效果圖: