Javascript jquerymobile-loadPage问题
我在获取jQuery mobile的加载页面以将下一页加载到“Javascript jquerymobile-loadPage问题,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我在获取jQuery mobile的加载页面以将下一页加载到“content”div时遇到问题 我已经将我的页面缩减到基本内容，下面是代码 index.html: <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>JQu
contentdivindex.html:<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JQuery Mobile Load Page Test</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page">
<div id="containerTest" data-role="content">
<input type="button" id="nextPage" data-inline="true" value="Load Second Page"/>
</div> <!-- /content -->
</div> <!-- /page -->
<script>
$( "#nextPage" ).on( "click", function()
{
$.mobile.loadPage("nextPage.html",
{
pageContainer: $('#containerTest')
});
});
</script>
</body>
</html>
<div data-role="page">
<p>this is the next page</p>
</div> <!-- /page -->
我不认为您可以将一个页面加载到另一个页面中，但您可以尝试以下方法：
$(document).on('pageinit', function(){
$( "#nextPage" ).on( "click", function(){
$('#containerTest').load('nextPage.html [data-role="content"]',function(){
$('.ui-page-active').trigger('create');
});
});
});
这将从容器内的第2页加载内容（