Навигация по мобильным jQuery

У меня возникла проблема при перенаправлении страницы из одного файла .html в другой .html-файл. вот моя ситуация.Навигация по мобильным jQuery

First.html 
    <html> 
    <head> 
    </head> 
    <body> 
    <div id="pageTest" data-role="page"> 
    <a id="lnkTest" onclick='$.mobile.changePage("Second.html#pageSecond");' data-ajax="false" data-   transition="slide">Sellers</a> 
    </div> 
    </body> 
    </html> 

Second.html 
    <html> 
    <head> 
    </head> 
    <body> 
     <div id="pageFirst" data-role="page"> 
     </div> 
    <div id="pageSecond" data-role="page"> 
     </div> 
    <div id="pageThird" data-role="page"> 
     </div> 
    </body> 
</html>

Когда я нажал ссылку в файле First.html. Он перенаправлен в файл Second.html с «PageFirst». Но я хочу перенаправить на файл Second.html с «pageSecond». Как я могу управлять этой ссылкой? Каким будет URL-адрес для перенаправления? Можете ли вы предоставить некоторое решение? Спасибо!

источник

2014-11-06 daxeshS

Используйте ниже код для вызова другой HTML-файл с несколькими страницами.

<a id="lnkTest" href="page2.html#pageSecond" data-ajax="false">Seller</a>

источник

2014-11-06 06:27:43

Спасибо, что я ответил за ответ ... это сработало. – daxeshS

Я понял, что, как упоминал мой ответ, вы можете помочь мне с моим другим вопросом, упомянутым в моем послании ... спасибо. – daxeshS

как насчет размещения всех файлов First.html и Second.html на одной странице и вызова там идентификатора. Это работает. Я всегда делаю это, не идя в разные файлы. Используйте только одну страницу, это тоже будет слишком легко.

<html> 
<head> 
</head> 
<body> 
    <div id="pageTest" data-role="page"> 
     <a id="lnkTest" onclick='$.mobile.changePage("#pageSecond");' data-ajax="false" data-   transition="slide">Sellers</a> 
</div> 
    <div id="pageFirst" data-role="page"> 
    </div> 
<div id="pageSecond" data-role="page"> 
    </div> 
<div id="pageThird" data-role="page"> 
    </div> 
</body>

источник

2014-11-06 05:27:08

Я добился того, что, как упоминал мой ответ, вы можете помочь мне с моим другим вопросом, упомянутым в моем ответе ... спасибо. – daxeshS

Использование обработчика OnClick на якорь тега не текущий способ выполнить ссылку. Вместо этого, попробуйте следующее:

<a id="lnkTest" href="page2.html#pageSecond">Sellers</a>

Использование «HREF» будет интерпретироваться JQuery мобильный, как правильный переход к целевому HTML-файла и страницы. Фактически, теперь документы говорят, что changePage устарел.

Это была протестирована со следующими двумя файлами

page1.html

<body> 
    <div id="pageTest" data-role="page"> 
     <a id="lnkTest" href="page2.html#pageSecond" data-ajax="false" data-transition="slide">Sellers</a> 
    </div> 
</body>

page2.html

<body> 
    <div id="pageFirst" data-role="page">pageFirst</div> 
    <div id="pageSecond" data-role="page">pageSecond</div> 
    <div id="pageThird" data-role="page">pageThird</div> 
</body>

источник

2014-11-06 05:33:21 Kolban

Это неверно. Секундный div не загружается, поскольку jQM обрабатывает только первый div страницы в каждом _external файле_. – Omar

Omar прав ... я хочу загрузить любую страницу на один html файл.it будет на defaukt загружать первую страницу. – daxeshS

@Omar Howdy Omar. Спасибо за ответ, но я попробовал его, и он, похоже, работал нормально? – Kolban

Навигация по мобильным jQuery

ответ

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