2012-03-22 3 views
1

Im нового в JQuery так уверены, что я делаю что-то неправильно :(Дела в том, что у меня есть главная страница:.Jquery не работает после HREF перенаправления

<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» не срабатывает, пока я не обновляю страницу вручную, после чего все будет хорошо.

<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> 
$ (документ) .ready (функция() { $ ("р") нажмите (функция() { $ (это) .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 --> 

должен перенаправить Whithout HREF или, может быть, им делать что-то неправильно ??

Pd: извините за мой инглиш :)

+0

Это только я или вы включаете в свои заголовки две разные версии JQuery? '1.3' и' 1.6.4'? Это может немного подделать. – Dutchie432

ответ

3

С JQuery мобильных вторичных страниц загружаются асинхронно и Javascript на этих страницах не будет выполнена.

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

btw; есть подробная информация обо всем этом в документах: http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-scripting.html

+0

спасибо за ваш ответ, я попробовал то, что вы сказали, но включая мой скрипт в заголовке начальной страницы не заставляет его работать. Но если я включу его в тело моей второй страницы, он отлично работает;) Если я не нашел вас правильно, вы сказали включить файл .js в заголовок первой страницы, не так ли? – Pradins

+0

Да, но, пожалуйста, просмотрите URL-адрес, который я связал, потому что его больше. т.е. вы не должны использовать '$ (document) .ready()' с jQuery mobile либо – trapper

+0

ok tnks, я отвечу на ваш совет. Tnks снова – Pradins

Смежные вопросы