JQueryMobile Fading NavBar

Question

Кто-нибудь знает, как остановить фиксированный навигатор от замирания и выпадения при каждом прокрутке. Я использую jquerymobile 1.0.1 с помощью следующего кода, но я не могу стоять, как бар нав выцветает и вне:

<div data-role="footer" data-id="foo1" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="footer-persist-a.html" class="ui-btn-active ui-state-persist">Friends</a></li> 
      <li><a href="footer-persist-b.html">Albums</a></li> 
      <li><a href="footer-persist-c.html">Emails</a></li> 
      <li><a href="footer-persist-d.html">Emails</a></li> 
      <li><a href="footer-persist-e.html">Emails</a></li> 

     </ul> 
    </div><!-- /navbar --> 
</div><!-- /footer --> 

Я не просто хочу, чтобы «переключить» исправить. Я бы хотел, чтобы он оставался на 100% видимым в 100% случаев. Мысли?

Answer 1

Вы можете добавить атрибут data-tap-toggle="true" к data-role="footer" элементу, чтобы отключить кран-на-замирание функциональность:

tapToggleбулева

по умолчанию: истинный

Включить или отключить возможность пользователя переключать видимость панели инструментов с помощью по адресу ap на экране (или клик для пользователей мыши). Этот параметр также является , отображаемым как атрибут данных: data-tap-toggle = "" true ""

$ ("[data-role = header]"). Fixedtoolbar ({tapToggle: true}); Примечание: Этот поведение не было ранее конфигурируемый следующим образом, но в версии 1.1 этот синтаксис больше не поддерживается:

$ .mobile.fixedToolbars .setTouchToggleEnabled (ложь);

Источник: http://jquerymobile.com/demos/1.1.0-rc.1/docs/toolbars/bars-fixed-options.html

Это должно сделать вашу панель инструментов остаться все время.

Answer 2

Хорошо для JQM 1.1 вы фактически установили для вашего нижнего колонтитула data-tap-toggle = "false".

<div data-role="footer" data-position="fixed" data-tap-toggle="false"> 
... 
</div> 

Я хотел сделать это, чтобы отключить tapToggle на каждой странице, а также каждые неподвижные панель инструментов, колонтитулы:

$(document).on('pageinit','[data-role=page]', function(){ 
    $('[data-position=fixed]').fixedtoolbar({ tapToggle:false }); 
}); 

Таким образом, я не должен держать вводить данные отводов-переключатель = "false" снова и снова.

Затем, если вы используете JQM 1.0.1 сделать:

$('[data-role=page]').live('pageinit', function(){ 
    $.mobile.fixedToolbars.setTouchToggleEnabled(false); 
}); 

Answer 3

Это общая жалоба среди пользователей JQM 1.0.x. Их разработчики переключили динамически позиционированное поведение, на которое вы ссылаетесь в своей последней версии. Начиная с JQM 1.1 они используют истинные фиксированные панели инструментов, которые не исчезают. В скором времени должна быть установлена ​​стабильная версия JQM. До этого вы можете использовать версию 1.1-RC1

Существует одно решение в более старых версиях JQM, но это работает только в ИОС 5:

$(document).bind("mobileinit", function(){ 
    $.mobile.touchOverflowEnabled = true ; 
});