jquery mobile 1.1 rc1 - ссылка на фиксированную панель инструментов не работает - PullRequest
Новая
       12

jquery mobile 1.1 rc1 - ссылка на фиксированную панель инструментов не работает

1 голос
/ 18 марта 2012

похоже на то, что наложение z-index списков ul перекрывает фиксированные верхние и нижние колонтитулы, так что длинный список, если прокручиваться, неправильно позиционирует себя под нижними и верхними колонтитулами, что делает невозможным щелчок на содержащих ссылки href ... 

       <div data-role="page" id="two" data-fullscreen="true">

        <div data-role="header" data-position="fixed">
         <h1>Whats in my juice?</h1>

          </div><!-- /header -->

        <div data-role="content">   
           <ul data-role="listview" data-theme="b" id="ingredients" data-split-icon="delete"></ul>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">


<div data-role="navbar">
    <ul>
        <li><a id="clear" data-icon="delete" class="ui-btn-left">Clear</a> </li>
        <li><a><span class="counta">0 Items</span></a></li>
        <li><a href="#save" data-icon="arrow-r" class="ui-btn-right" id="build-save">Next</a></li>
    </ul>
</div><!-- /navbar -->

        </div><!-- /footer -->

    </div><!-- /page -->

в приведенном выше примере элементы списка ul генерируются динамически. 

<meta name="viewport" content="width=device-width, initial-scale=1">

включено в заголовок.Есть идеи?

Ответы [ 3 ]

0 голосов
/ 18 марта 2012

, если вы используете устройство Android, это также может быть ошибкой в ​​Android. У меня похожий образ с наложенными элементами.

0 голосов
/ 18 марта 2012

Частичное исправление: добавьте 

.ui-selectmenu { z-index: 1100 !important; }

к вашему стилю, разрешите перекрытие кнопок.

0 голосов
/ 18 марта 2012

Действительная версия работает здесь: http://jsfiddle.net/shanabus/Eam2y/

Я не вижу проблем с z-index на ul, как вы упомянули. Может ли быть какая-то ошибка в заполнении списка элементами li? Это может помочь опубликовать этот код, в противном случае проверьте его в отладчике и проверьте:

  1. допустимый HTML добавляется в динамически генерируемые элементы списка
  2. что вы звоните обновить в списке: $('#mylist').listview();

Документация: http://jquerymobile.com/test/docs/lists/docs-lists.html

...