Кнопки jQuery Mobile не выкладываются в сетку - PullRequest
Новая
       27

Кнопки jQuery Mobile не выкладываются в сетку

0 голосов
/ 04 февраля 2012

Я хочу сделать меню навигации с 4 кнопками, используя сетку. По умолчанию мои кнопки должны заполнять все пространство сетки. Это по какой-то причине не так .. Кто-нибудь может указать, что идет не так? Ниже вы можете найти мой код. 

<div data-role="page">
  <div data-role="header" data-position="inline">
    <h1>Title</h1>
    <fieldset class="ui-grid-c">
      <div class="ui-block-a">
        <a href="#" data-role="button" data-icon="home" data-iconpos="top">Home</a>
      </div>
      <div class="ui-block-b">
        <a href="#" data-role="button" data-icon="grid" data-iconpos="top">MenuItem2</a>
      </div>
      <div class="ui-block-c">
        <a href="#" data-role="button" data-icon="settings" data-iconpos="top">MenuItem3</a>
      </div>
      <div class="ui-block-d">
        <a href="#" data-role="button" data-icon="info" data-iconpos="top">Info</a>
      </div>
    </fieldset><!-- /ui-grid-a -->
  </div><!-- /header -->
</div><!-- /page -->

Большое спасибо!

Тайс

1 Ответ

2 голосов
/ 04 февраля 2012

Почему бы вам не использовать navbar, который используется для задач такого типа? Смотрите пример: http://jsfiddle.net/JyQqN/

...