удаление навигатора из jQuery Mobile заголовка не изменяет размер заголовка

Question

У меня есть навигатор в заголовке. Я хочу сделать необязательным, т. Е. Иметь возможность отображать/скрывать его в зависимости от контекста.

<div data-role="header" data-position="fixed"> 
    ...header stuff... 
    <div data-role="navbar" data-position="fixed"> 
    ..navbar stuff 
    </div> 
</div> 

Это выглядит и отлично работает. Однако, если я скрою navbar с помощью jQuery .hide(), навигационная панель исчезнет, ​​но заголовок не изменит по вертикали, оставив пробел перед оставшимся содержимым.

Воссоздал здесь: https://jsfiddle.net/needlethread/wsuxxokx/

Как сделать/обходной путь это?

Answer 1

Добавление $ (окно) .resize() будет делать:

$(document).ready(function() { 
    $("input[name='tt_view_sel']").on('change', function() { 
     view = $(this).val(); 
     if (view == "data") { 
      $(".tt_toolhdr").hide(); 
      **$(window).resize();** 
     } else { 
      $(".tt_toolhdr").show(); 
      **$(window).resize();** 
     } 
    }); 
});