phonegap+jquerymobile 사용자 정의 탄창

3682 단어 jquerymobile
오리지널: 전재 설명 출처
대화상자를 작성합니다.js 파일, 아래 코드 붙이기
 var jqmdialog={

        openDialog: function (options) {

            var href = options.href || "about:blank";

            var transition = options.transition || "none";

            $('body').append("<a id='tPushDialog' href='" + options.href + "' data-rel=\"dialog\" data-transition=\"pop\" style='display:none;'>Open dialog</a> ");

            $("#tPushDialog").trigger('click');

            $('body').find('#tPushDialog').remove();

            $("#" + options.dialog).live('pageshow', function (event) {

                if (typeof options.callback == 'function')

                    options.callback();

            });



        }

 }

 
dialogTest 작성html 페이지
<div data-role="page"  id="home" >   

    

<input type=button id=btnT value=tttt><div>



<div id="ExistConfirm" data-role="page">

        <div data-role="header"  data-theme="b">

        <h2> </h2>

      </div>

        <div data-role="content" >

            <p>

              <span id="spanMessage" style="font-weight: bold"> ?</span>

            </p>

            <a id="btnOk" data-role="button" data-rel="back" data-theme="b"> </a> 

            <a id="btnNO" data-role="button" data-rel="back" data-theme="c"> </a>

        </div>

    </div>

페이지 js 스크립트 작성
jqmdialog.openDialog({

    href: "#ExistConfirm",// 

    dialog: "MessageDialog",// 

    callback: function () {// 

        $("#btnOk").unbind("click").bind("click", function () {

//btnOk existConfirm , 

alert("click:btnOK");

                       $("#MessageDialog").dialog("close");

        });

        $("#btnNO").unbind("click").bind("click", function () {

alert("click:btnNO");



            $("#MessageDialog").dialog("close");

        });

    }

});

이쪽으로 가면 끝...다른 자기 이해

좋은 웹페이지 즐겨찾기