Как я могу вызвать верхний и нижний колонтитулы для всех моих страниц jQuery Mobile? - PullRequest
Новая
       8

Как я могу вызвать верхний и нижний колонтитулы для всех моих страниц jQuery Mobile?

0 голосов
/ 12 сентября 2018

В настоящий момент я жестко программирую верхний и нижний колонтитулы для всех моих страниц jQuery Mobile. Чтобы очистить код, я хотел бы иметь возможность объявить, что такое верхний и нижний колонтитулы, прежде чем вызывать его для каждой имеющейся у меня страницы. Я видел подобные вопросы здесь, но некоторые из них устарели и, кажется, не работают. Может ли кто-нибудь дать мне точный метод, который может мне помочь? Спасибо! 

<!-- Page 1 -->
<div data-role="page" id="page1">

<!-- Body -->
        <div id="schoolpositions">
            CONTENT IS LOADED IN FIRST SO THAT THE FIXED HEADER AND FOOTER LOAD OVER IT
        </div>

<!-- Header -->
        <div data-role="header" class="header" data-position="fixed">
            <a href="#page4" class="ui-btn-left" data-icon="user">Profile</a>EduSub Teacher
        </div>

<!-- Footer -->
        <div data-role="footer" id="footer" data-id="footer" data-position="fixed"">
            <div data-role="navbar" class="footernavbar">
                <ul>
                    <li><a class="ui-nodisc-icon" id="activeicon" href="#page1" data-icon="schooliconactive">Search</a></li>
                    <li><a class="ui-nodisc-icon" href="#page2" data-icon="plannericon">Planner</a></li>
                    <li><a class="ui-nodisc-icon" href="#page3" data-icon="briefcaseicon">Jobs</a></li>
                </ul>
            </div>
        </div>

Вместо того, чтобы иметь этот кусок кода для верхнего и нижнего колонтитула, есть ли способ загрузить его из одного источника? Кроме того, для целей этого проекта я бы предпочел использовать что-то отличное от PHP.

Ответы [ 2 ]

0 голосов
/ 12 сентября 2018

После быстрого поиска в Google я нашел это:

https://www.html5rocks.com/en/tutorials/webcomponents/imports/

Включите импорт на своей странице, объявив: 

<head>
    <link rel="import" href="/path/to/imports/stuff.html">
</head>
0 голосов
/ 12 сентября 2018

Вы можете использовать Включения на стороне сервера для вызова отдельных файлов верхнего и нижнего колонтитула в ваш HTML-документ. Вот ресурс, который может вам помочь.

https://www.w3.org/Jigsaw/Doc/User/SSI.html

Это решение представляет собой альтернативный метод, который даст вам аналогичный результат без использования PHP.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...