jQuery DivAlert 기반 메시지 프롬프트 플러그인의 여정 (3)_jquery

이번 버전은 2.0의 작성 방식을 따르는데, 여기서 설정해야 할 각종 옵션을 확장 메소드로 캡슐화해 2.0 버전의 코드보다 간단하게 만들었다.
　
버전 2.0

코드 복사 코드는 다음과 같습니다.

//플러그인 기본 정보 설정
var options = o || {}
options.width = o.width || 300; 프롬프트 상자가 104px보다 작으면 자동으로 200px로 재설정됩니다.
if (options.height > 104) {
options.height = o.height>} else {
options; .height = 200;
}
options.title = o.title || "프롬프트 제목";
options.content || "프롬프트 내용"
/ js 파일을 다시 작성하지 않고도 스타일의 외부 사용자 정의를 용이하게 하는 CSS 파일
options.wrapClass = 'jWrap'; = o.titClass || 'jTit';
options.conClass ||
options.clsClass = 'jBtn'; .botDivClass || 'jBot'; botBtnClass = o.botBtnClass || 'jBotBtn'

3.0 버전




코드 복사

코드는 다음과 같습니다.

//플러그인 기본 정보 설정var settings = { 너비: 300, 높이: 200, title: "프롬프트 제목", content: "프롬프트 콘텐츠", bgClass: 'jBg',

wrapClass: 'jWrap ',

titClass: 'jTit',
conClass: 'jCon',
clsClass: 'jBtn',
botDivClass: 'jBot',
botBtnClass: 'jBotBtn'
} ;
$.extend(settings, options);


아주 기본적인 내용이지만 관심이 있으신 분들은 내려오시면 좋을 것 같습니다. . . .

전체 코드 패키지 다운로드


저자: Rocky Xiang(cnblogs)
코드 작성자 덕분에 Script House 편집자는 첫 번째 버전은 불완전함에서 완벽함으로 나아가는 과정입니다. 처음에는 완벽한 것이 없습니다. 다른 사람의 코드를 참조하고 다른 사람의 장점을 배우면 점차적으로 프로그램이 완벽해집니다. 미래에는 더 많이 참조하고 더 많이 작성하세요. 코드를 직접 보고 작성하는 것이 아니라 그래야만 진정으로 지식을 배우고 자신의 단점을 발견할 수 있습니다.
아래는 저자가 1~2호에 게재한 기사입니다

jQuery 기반 팝업 메시지 플러그인 DivAlert로의 여정(1)

JQuery 기반 메시지 프롬프트 플러그인 DivAlert Journey(2)



jQuery 기반 메시지 프롬프트 플러그인 DivAlert Journey(3)
권장