Jquery не работает после перенаправления href - PullRequest
Новая
       13

Jquery не работает после перенаправления href

1 голос
/ 22 марта 2012

Я новичок в 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>
$ (document) .ready (function () {$ ("p").click (function () {$ (this) .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 Ответ

3 голосов
/ 22 марта 2012

С помощью мобильных вторичных страниц jQuery загружаются асинхронно, и на этих страницах не выполняется javascript.

Вы должны включить весь свой код javascript во внешний скрипт и связать этот скрипт в заголовке вашей начальной страницы.

КСТАТИ; подробную информацию обо всем этом можно найти в документации: http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-scripting.html

...