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

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

WBOY

풀어 주다： 2016-05-16 18:30:38

원래의

936명이 탐색했습니다.

이번 버전은 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호에 게재한 기사입니다