我有一个名为index.HTML的HTML5文件，其中包含两个ID为create_group和add_member
页面create_group：
<body onLoad="onLoad()">
<div data-role="page" id="create_group">
<div data-role="header" data-tap-toggle="false" data-position="fixed" data-theme="a" align="center">
<h1>Group</h1>
</div>
<div data-role="content">
</div>
Page add_member：
<-- I want to call this page using "add_member" id with: -->
$(document).ready(function(){});or$("#add_member").ready(function(){});-->
<div data-role="page" id="add_member">
<div data-role="header" data-tap-toggle="false" data-position="fixed"
data-theme="a" align="center">
<h1>User Data</h1>
</div>
</div>
</body>
问题：
如何在更改页面时在页面加载之前创建动态元素。