Javascript 动态创建Jquery移动小部件/组件
我们可以使用以下代码动态创建按钮组件Javascript 动态创建Jquery移动小部件/组件,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我们可以使用以下代码动态创建按钮组件 var $page = '<div/>' $("<a>", {text: "Button"}). buttonMarkup({ inline: false, mini: true, icon: "check" }).on("click", function () { //Click Function } ).appendTo($pa
var $page = '<div/>'
$("<a>", {text: "Button"}).
buttonMarkup({
inline: false,
mini: true,
icon: "check"
}).on("click", function () {
//Click Function
}
).appendTo($page);
var$page=''
$（“”，{text:“Button”}）。
按钮标记({
内联：错，
米尼：是的，
图标：“检查”
}).on（“单击”，函数（）{
//点击功能
}
).附页（$页）；
<!DOCTYPE html >
<head>
<title>:::: DYNAMIC JQM PAGE ::::: </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css"/>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript">
$(function () {
var page = $("<div/>", {
"data-role":"page"
}).append($("<h1/>")
.text("This is Header"))
.appendTo($.mobile.container);
})
</script>
</head>
<body>
</body>
</html>
：：动态JQM页面：
$（函数（）{
变量页=$（“”{
“数据角色”：“页面”
}).append（$（“”）
.text（“这是标题”））
.appendTo（$.mobile.container）；
})
在文档正文中创建移动页面时，上述代码不起作用。我如何做到这一点？…我认为没有人会在这里列出所有组件。你应该读一下。谢谢你的快速回复。我根据文件试过了。但其中一些工作不正常。在创建小部件或实用解决方案时，是否需要遵循任何程序来创建它们？谢谢，任何小部件都可以这样工作，您只需要确保实现小部件结构。这是一个可折叠的