我想在加载jQuery mobile之前通过AJAX动态加载页面内容，所以我尝试使用mobileinit事件。但这是行不通的。这是我的代码，请帮助
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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="http://jquerymobile.com/demos/1.3.0-beta.1/css/themes/default/jquery.mobile-1.3.0-beta.1.css" />
<script src="js/jquery-1.8.2.min.js"></script>
<script>
$(document).bind("mobileinit", function() {
$("#notification").text("Please enter your domain name.");
});
</script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>
<title>Insert title here</title>
</head>
<body>
<h3 id="notification" style="font-family: fantasy; color: red; text-align: center;"></h3>
</body>
</html>
最佳答案
这是行不通的。
触发mobileinit事件时，DOM内容仍然为空。 Pageinit是第一个事件，您甚至可以考虑这样做。但更好的是pagebeforeshow事件。
$(document).on('pagebeforeshow', '#index', function(){
});
这是我添加动态生成内容的旧示例：http://jsfiddle.net/Gajotres/GnB3t/
这是另一个示例，只需单击下一步按钮即可查看动态生成的页面：http://jsfiddle.net/Gajotres/8jcGb/