我是jQuery的新手,所以肯定我做错了什么:(。问题是我有一个主页:
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<a href="pagina2.php">click me</a>
</div><!-- /content -->
在这个内部我重定向到另一个页面,里面有$(document).ready。问题是“$(document).ready”在我手动刷新页面之前不会触发,在此之后,一切正常。
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
$(文件)。就绪(函数(){
$( “P”)。点击(函数(){
$(本).hide();
});
});
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div data-role="content">
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
</div><!-- /content -->
我应该重定向没有href或者我做错了什么?
Pd:对不起我的英语:)
答案 0 :(得分:3)
使用jQuery移动辅助页面是异步加载的,这些页面中的javascript将不会被执行。
您应该在外部脚本中包含所有javascript代码,并将该脚本链接到初始页面的头部。
顺便说一句;在文档中有详细信息,请参阅:http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-scripting.html