Class: AXMobileModal

AXMobileModal

new AXMobileModal()

Version:
  • v1.0
Author:
  • tom@axisj.com, axisj.com
Example
 var myMobileModal = new AXMobileModal();
 // default config
 myMobileModal.config.theme = "AXMobileModal";
 myMobileModal.config.width = "auto";
 myMobileModal.config.height = "auto";
 myMobileModal.config.margin = "10px";
 myMobileModal.config.align = "center";
 myMobileModal.config.valign = "center";

Extends

Methods

staticAXMobileModal.close(){AXMobileModal}

모바일모달창을 닫습니다.

Example
 myMobileModal.close();

staticAXMobileModal.open(){Object}

모바일 모달창을 열고 열린 모달의 엘리먼트 정보를 리턴합니다.

Returns:
- 열린 모달의 오브젝트
Example
var obj = myMobileModal.open();
// 다음의 정보를 리턴합니다.
// obj: {
//    jQueryModal: 모달,
//    modalPanel: 모달의 패널,
//    modalHead: 모달패널의 헤드,
//    modalBody: 모달패널의 바디,
//    modalFoot: 모달패널의 풋
// }

obj.modalHead.html("자유Head 설정테스트");
obj.modalBody.html("<div style='height:250px;background:#fff;text-align: center;line-height:30px;'>자유body 테스트</div>");
//obj.modalFoot.html("자유footer 테스트");

staticAXMobileModal.setConfig(configs)

모바일모달 개체 초기화

Name Type Description
configs Object
Example
myMobileModal.setConfig({
    //theme, margin, align, valign
    width:300,
    height:300,
    head:{
        close:{
            onclick:function(){

            }
        }
    },
    onclose: function(){
        trace("close bind");
    }
});