В jQuery Mobile, как я могу препятствовать тому, чтобы ссылка стала кнопкой в верхнем или нижнем колонтитуле?

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

Ответы

Ответ 1

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

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

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

Ответ 2

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

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

Ответ 3

Пример, основанный на ответе @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>

Ответ 4

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

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

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

Ответ 5

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

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

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

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