Как в jQuery Mobile не допустить, чтобы ссылка стала кнопкой в ​​верхнем или нижнем колонтитуле? - PullRequest
Новая
       0

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

13 голосов
/ 22 декабря 2010

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

Ответы [ 5 ]

22 голосов
/ 25 января 2011

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

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

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

13 голосов
/ 11 декабря 2012

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

<div data-role="header">
  <a href="somewhere" data-role="none">Not a jQM button</a>
</div>
2 голосов
/ 10 сентября 2012

Пример на основе ответа @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>
0 голосов
/ 23 декабря 2010

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

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

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

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

0 голосов
/ 23 декабря 2010

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

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

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

...