최근에 프로젝트 프레임 워크를 작성하고 jQueryMessage Box 클래스를 작성하여 jQuery UI의 Dialog ()를 사용하여 메시지 상자를 표시하고 있습니다. 방법을 쉽게 호출 할 수 있도록 자동 판단 페이지가 추가되어 UI.JS 및 UI.CSS가 추가되어 있는지 확인합니다. 코드는 다음과 같습니다.
// ui.js가 포함되어 있지 않은 경우 ( 'script [src $ [src $ = "" "jquery-ui-1.8.11.min.js"]]. length == 0) {{ "<"<<스크립트 src ='/js/jquery-ui-1.8.11.custom.min.js 'text/javascript' />") .appendto('head ');}} // css가로드되지 않으면 ($ ('link [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [ref [rep [ref [rep [rep [rep [ref [refer-ui-1.custom.css ")]. rel = "스타일" "type =" "text /css" "/>').appendto('head ');그러나 CSS 코드는 즉시로드되지 않으므로 대화 상자를 표시 할 때 스타일이 없습니다 (IE9에서는 CSS를 다운로드 한 후에도 CSS가 다운로드 되더라도 페이지 요소는 다시 그려지기 때문에 IE8은 IE8에서는 그렇지 않습니다). 이 문제에 대한 해결책은 Ajax를 사용하여 수행 할 수 있습니다. CSS가로드되면 대화 상자가 표시되어 스타일로 표시 될 수 있습니다. 코드는 다음과 같습니다.
if ($ ( 'link [ref [ref $ = ""jquery-ui-1.8.14.custom.css ""]'). length == 0) {$ .ajax ({url : '/css/jquery-ui-1.8.8.14.custom.css', success : function (data) {style and chead and the the the the the worl type = "text/css"> ' + data.replace (/g,'url (/css/images ').