Navbar для всех страниц многостраничного веб-приложение HTML5, используя JQuery Mobile на стороне клиента

голоса
1

Я использую JQuery Mobile для создания веб-приложения.

И у меня есть страницы, как это:

<div data-role=page id=page1>
    <div data-role=header>
        <p>
            Page 1
        </p>
        <div data-role=navbar>
            <ul>
                <li><a href=#page1>To first</a></li>
                <li><a href=#page2>To second</a></li>
            </ul>
        </div>
     </div>     
</div>
 <div data-role=page id=page2>
    <div data-role=header>
        <p>
            Page 2
        </p>
        <div data-role=navbar>
            <ul>
                <li><a href=#page1>To first</a></li>
                <li><a href=#page2>To second</a></li>
            </ul>
        </div>
     </div>
</div>

Живая демо на http://jsfiddle.net/FB9KJ/

Это работает нормально, но я не хочу повторяться <div data-role=navbar>для каждой страницы.

Есть ли способ, чтобы использовать то же Navbar на всех страницах JQuery Mobile?

Задан 06/06/2012 в 18:50
источник пользователем
На других языках...                            


1 ответов

голоса
0

Нет, если вы не готовы использовать включает в JSP ... вам придется довольствоваться одной страницы на JSP, хотя.

ИЛИ

использовать ANT Replace, чтобы заменить @ ЗАГОЛОВОК @ лексемы в файл с HTML разметкой во время компиляции.

Ответил 06/06/2012 в 20:38
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more