我有以下代码使用jQuery mobile创建弹出窗口。创建弹出窗口,并创建一个窗体,并将其附加到弹出窗口和两个按钮。这段代码可以正常工作,但我想知道是否有更好的方法来实现我的预期目标。
//create a div for the popup
var $popUp = $("
dismissible : false,
theme : "a",
overlyaTheme : "a",
transition : "pop"
}).bind("popupafterclose", function() {
//remove the popup when closing
$(this).remove();
});
//create a title for the popup
$("
", {text : PURCHASE_TITLE
}).appendTo($popUp);
//create a message for the popup
$("
text : PURCHASE_TEXT
}).appendTo($popUp);
//create a form for the pop up
$("
").append($("", {type : "password",
name : "password",
placeholder : PASSWORD_INPUT_PLACEHOLDER
})).appendTo($popUp);
//Create a submit button(fake)
$("", {
text : SUBMIT_BTN_TXT
}).buttonMarkup({
inline : true,
icon : "check"
}).bind("click", function() {
$popUp.popup("close");
that.subscribeToAsset(callback);
}).appendTo($popUp);
//create a back button
$("", {
text : BACK_BTN_TXT,
"data-jqm-rel" : "back"
}).buttonMarkup({
inline : true,
icon : "back"
}).appendTo($popUp);
$popUp.popup("open").trigger("create");