Как в jQuery Mobile предотвратить превращение ссылки в кнопку в верхнем или нижнем колонтитуле?

Я пытаюсь реализовать новый jQuery Mobile Alpha 2. В настоящее время любая ссылка в пределах data-role="header" или data-role="footer" становится кнопкой. Есть ли способ отключить это?

5 13
jquery-mobile

5 ответов:

Новая версия jQuery Mobile (1.3 pre) исправила эту проблему. Из руководства:

" Если вам нужно создать заголовок это не следует за дефолтом конфигурация, просто оберните ваш обычай стилизованная разметка в контейнере div внутри контейнера заголовка и плагин не будет применять автоматический логика кнопок, так что вы можете написать пользовательский стили для размещения контента в ваш коллектор."

Если вы захватите источник из github , он будет работа.

22

Другим решением является использование атрибута data-role= "none": 

<div data-role="header">
  <a href="somewhere" data-role="none">Not a jQM button</a>
</div>
13

Пример, основанный на ответе @gleitz: 

<div  data-theme="a" data-role="header" data-position="fixed">
      <div> <!-- new bit -->
          <a href='nextpageetc.php'>Not a button </a>
      </div> <!-- new bit -->
</div>
2

Я не знаю ни одного прямого варианта, чтобы сделать это в HTML, но я признаю-я не искал его много.

Вы можете получить желаемый эффект одним из следующих способов:

  1. удалите класс css button и / или другие необходимые
  2. Не добавляйте их в html-вставляйте ссылки, когда DOM будет готов, и они не будут изменены на кнопки.

Первый метод лучше, потому что он ухудшается для браузеров с плохой поддержкой JS.

0

Мне тоже интересно! Я пытался добавить rel="external" к ссылке, но это, кажется, игнорируется для верхних и нижних колонтитулов.

@naugtur: я сейчас освежаю его с ajax. спасибо за совет. Но я все еще надеюсь, что эта проблема будет исправлена для следующего выпуска (не могу ждать; я уже использую пакет из ветки разработки :D ).

@update: https://github.com/jquery/jquery-mobile/issues/issue/714 (я случайно закрыл билет и не смог открыть его снова -_ -)

0