Мобильный учебник Learn.jquery по использованию data-theme для 'data-role="listview"'
Учебник learn.jquery просит составить список кнопок с помощью этой команды:
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
Позже, Learn.jquery упоминает, что вы можете настроить кнопки с опцией data-role, используя data-theme"a"(-"e"):
<a href="#" data-role="button" data-icon="star" data-theme="a">Button</a>
Как бы я использовал суперкласс Listview для темы другой буквы "a"-"b", чтобы чередовать цвета для кнопок?
Попытка 1 привела к не тематической стрелке кнопок.
<ul data-role="listview" data-role="button" data-inset="true" data-filter="true">
<li><a href="#" data-theme="a">Acura</a></li>
<li><a href="#" data-theme="b">Audi</a></li>
<li><a href="#" data-theme="a">BMW</a></li>
<li><a href="#" data-theme="b">Cadillac</a></li>
<li><a href="#" data-theme="a">Ferrari</a></li>
</ul><!-- /content -->
Моей общей целью было бы добавить внешние кнопки из поиска, а затем сделать их чередующимися цветами автоматически.
Точная ссылка на Jquery Mobile