我有一个 JQuery 移动应用程序。这个应用程序有一个带有“选择”元素的页面。元素中的选项需要动态添加。对于我的生活,我无法弄清楚如何做到这一点。目前,我正在尝试以下操作:
page.html
<div id="myPage" data-role="page">
<div data-role="header" data-position="fixed">
<h1>Welcome</h1>
</div>
<div data-role="content">
<select name="mySelector" id="mySelector" data-native-menu="false">
<option>Please Choose</option>
</select>
</div>
</div>
page.html.js
$("#myPage").live("pagebeforeshow", function (e, ui) {
for (i=0; i<5; i++) {
$("#mySelector", "#myPage").append('<option value="' + i + '">Option ' + (i+1) + '</option>');
}
});
由于某种原因,我的动态项目不会出现。我究竟做错了什么?