Question

我们可以使用以下代码

动态创建按钮组件

var $page = '<div/>'

$("<a>", {text: "Button"}).
     buttonMarkup({
        inline: false,
        mini: true,
        icon: "check"
     }).on("click", function () {
          //Click Function
     }
  ).appendTo($page);

像这样如何创建其他JQM组件/小部件或建议我在JQuery Mobile Docs中找到方法/事件的位置。

问题已于10-12-13更新

请检查以下代码

<!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>

在文档正文中创建移动页面时，上面的代码无效。我如何实现这一目标？...

动态创建Jquery Mobile Widgets / Components

0 个答案: