html mobile快捷生成,html5 – jQuery Mobile最好的动态创建弹出和内容的方法

我有以下代码使用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");