JQuery Mobile Navbar Заполнение Проблемы?

Question

Я добавляю navbar в мой заголовок, пытаясь сделать так, чтобы система вкладок находилась здесь: http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html

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

<div data-role="header">        
    <div data-role="navbar">
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
            <li><a href="#">Three</a></li>
        </ul>
    </div><!-- /navbar -->
</div><!-- /footer -->

Я попытался установить поле на 0, но это не удалило пустое пространство вокруг вкладок, может кто-нибудь помочь?

Спасибо

Answer 1

Спасибо всем, кто ответил, но я разобрался в своей проблеме.

Я использую мобильную среду appMobi для создания мобильных приложений в javascript / css / html, а также при использовании js UI Framework, например, jquery.У меня возникли проблемы с вкладками (и обрезка нижнего колонтитула, которую я до сих пор не знаю, почему ...).

Проблема заключалась в том, что я дважды импортировал файл jquery.mobile.min.js, один раз в заголовке и один раз прямо под тегом body.Я знаю, это звучит странно, но в мою защиту видео appMobi посоветовало мне сделать это ... возможно, устаревшее видео ...

Итак, исправление - импортировать файлы jquery js только один раз вверх в шапке.

ура,

Answer 2

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