jquery mobile使用jquery生成日期角色页面

我假设这是行不通的，因为jquery mobile试图寻找第一个data-role页面，然后jquery可以生成它到DOM。我如何解决这个问题？我打算为不同的文件生成许多不同的页面。jquery mobile使用jquery生成日期角色页面

HTML

<body></body>

jQuery的

$(document).ready(function(){ 
    var page = "<div data-role='page'>Testing</div>"; 
    $('body').html(page); 
});

来源

2016-06-08 lys916

这应该工作：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> 
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
    <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
</head> 
<body> 
    <script> 

     //Create page variable 
     var page = "<div data-role='page' id='testpage'>"; 
     page += "<div data-role='header'><h1>Test page!</h1></div>"; 
     page += "<div data-role='content'>Test content!</div>"; 
     page += "</div>"; 

     //Append to body and trigger pagecreate 
     $('body').html(page).trigger("pagecreate"); 

    </script> 
</body> 
</html>

注意JS代码必须是身体内部。

链接到jsfiddle：https://jsfiddle.net/EliteSystemer/ttyox641/

来源

2016-06-08 13:02:05

jquery mobile使用jquery生成日期角色页面

回答

相关问题