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");
});
}
});
이쪽으로 가면 끝...다른 자기 이해