Мобильный Jquery не отображает все данные «data-role =« pages »», присутствующие в html-файле

Question

Мобильный Jquery не отображает все данные «data-role =« pages »», присутствующие в html-файле

0

У меня есть html файл в моей папке WEB-INF, доступ к которой возможен только сервлетом. Вот как мой сервлет отправляет запрос на эту страницу html

ServletContext context= getServletContext();
RequestDispatcher rd= context.getRequestDispatcher("/WEB-INF/file.html");
rd.forward(req, resp);

У моего файла file.html есть 2 data-role = "page", но отображается только первая data-role = "page". Вы, ребята, знаете, почему jquery-mobile предоставляет только одну из двух страниц. Вот шаблон моего файла file.html.

<div data-role="page" id="profile-page" data-dialog="true">
...
</div>

<div data-role="page" id="main-page">
...
</div>

Таким образом, в основном мой сервлет перенаправляет пользователя в файл.html, это может быть одной из причин, почему страница не создается.

user1386101 18 фев. 2014, в 06:39

Источник

0

Здравствуй! Что ты имеешь в виду под не отображается? Вы имеете в виду, что вы не можете получить доступ к странице 2?
Littm 18 фев. 2014, в 05:46
1

возможный дубликат как в Javascript не загружается в DOM в мобильном jquery
Omar 18 фев. 2014, в 07:11
0

@omar omar Я думаю, что ссылка, которую вы предложили, это то, что я ищу.
user1386101 18 фев. 2014, в 15:12

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

jquery-mobile

1 ответ

Ещё вопросы

Здравствуй! Что ты имеешь в виду под не отображается? Вы имеете в виду, что вы не можете получить доступ к странице 2?
возможный дубликат как в Javascript не загружается в DOM в мобильном jquery
@omar omar Я думаю, что ссылка, которую вы предложили, это то, что я ищу.

Shaik Mahaboob Basha · Answer 1 · 2014-02-18T05-13-00.000Z

В jQuery Mobile мы можем показывать только одну страницу за раз, так как каждая страница занимает всю видимую высоту.

Существует опция многостраничного шаблона, но даже там мы можем показывать только одну страницу за раз, но мы можем ссылаться на другие страницы с помощью навигации.

Пример кода для многостраничного шаблона из jQuery Docs

<body>

<!-- Start of first page -->
<div data-role="page" id="foo">

    <div data-role="header">
        <h1>Foo</h1>
    </div><!-- /header -->

    <div role="main" class="ui-content">
        <p>I'm first in the source order so I'm shown as the page.</p>
        <p>View internal page called <a href="#bar">bar</a></p>
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->

<!-- Start of second page -->
<div data-role="page" id="bar">

    <div data-role="header">
        <h1>Bar</h1>
    </div><!-- /header -->

    <div role="main" class="ui-content">
        <p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my id is beeing clicked.</p>
        <p><a href="#foo">Back to foo</a></p>
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->
</body>

многостраничная демоверсия

ЗАМЕТКА:

То, что вы пытаетесь сделать, невозможно с несколькими страницами. Вы должны использовать одну страницу и показывать/скрывать определенные divs согласно вашему требованию. Вы должны написать свою собственную логику, jQuery Mobile не может помочь в этом сценарии.

Справка:

Официальная ссылка jquery mobile

Я понял вашу точку зрения, я знаю о многостраничном шаблоне, и я использую его, я считаю, что моя проблема в том, что у меня есть один шаблон страницы, из которого я перехожу к другому многостраничному шаблону.
@ user1386101 Пожалуйста, обновите вопрос с вашей проблемой