href重定向后Jquery不起作用

时间:2012-03-22 15:59:04

标签: jquery triggers href

我是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:对不起我的英语:)

1 个答案:

答案 0 :(得分:3)

使用jQuery移动辅助页面是异步加载的,这些页面中的javascript将不会被执行。

您应该在外部脚本中包含所有javascript代码,并将该脚本链接到初始页面的头部。

顺便说一句;在文档中有详细信息,请参阅:http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-scripting.html