jQuery mobile - флажок без метки - PullRequest
Новая
       1

jQuery mobile - флажок без метки

3 голосов
/ 08 декабря 2011

Кто-нибудь написал какие-либо расширения или знает, как jQM создает флажок без метки?

Когда вы не включаете метку, jQM не форматирует ее, она просто оставляет ее как обычнуюфлажок.Я посмотрел на код и думаю, что есть способ сделать это, но я не хочу связываться с базовым кодом jQM, если мне не нужно.

Я думаю, что это должно быть в базовом коде, потому чтоВы не должны иметь ярлык с флажком.Любые мысли по этому поводу были бы замечательно.

Ник

Ответы [ 3 ]

1 голос
/ 06 июня 2013

Просто в продолжение, так как я все время возвращаюсь сюда со своими проблемами с флажком JQM!Отличная небольшая статья Рика Луны:

Флажки JQM без ярлыков

1 голос
/ 08 декабря 2011

jQM Имеет другой вариант макета, будет ли это работать?

HTML 

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup" data-type="horizontal">
        <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
        <label for="checkbox-6">b</label>

        <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
        <label for="checkbox-7"><em>i</em></label>

        <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
        <label for="checkbox-8">u</label>    
    </fieldset>
</div>

Документы:

Горизонтальные тумблеры Флажки также можно использовать для сгруппированных наборов кнопок, где одновременно можно выбрать более одной кнопки, например группы кнопок, выделенных жирным шрифтом, курсивом и подчеркиванием в текстовых редакторах.Чтобы сделать горизонтальный набор кнопок, добавьте data-type = "горизонтальный" к набору полей.

<fieldset data-role="controlgroup" data-type="horizontal"> Каркас будет плавать надписи так, чтобы они располагались рядом на линии, снимите флажокзначки и только вокруг левого и правого краев группы.

0 голосов
/ 08 декабря 2011

JQM нужна метка для доступности, но есть способы ее скрыть - просто добавьте соответствующий класс, как указано в документации

Или 

  <label for="username" class="ui-hidden-accessible">Username:</label>
  <input type="text" name="username" id="username" value="" placeholder="Username"/>

или 

  <div data-role="fieldcontain" class="ui-hide-label">
    <label for="username">Username:</label>
    <input type="text" name="username" id="username" value="" placeholder="Username"/>
  </div>

в зависимости от вашего выбора макета!

Надеюсь, это поможет ...

...