Afficher / masquer la barre Naville dans le pied de page basée sur le pied de page

Question

JQM 1.1.1 et Cordorva 2.0.0

Je piégeant des clics sur le pied de page et sur un clic, je vais basculer () / masquer () la barre NAV.

Jusqu'à présent, je presse les robinets, la barre NAV est affichée / masquant, mais lorsqu'elle le montre, il allonge la page par la hauteur de la barre NAV.Ce lengetement n'est pas perceptible, mais cela rend la page défilée même après que la barre NAVBAR soit cachée.(Il ajoute uniquement la hauteur de la barre NAV, au bas de la page.)

Tout comme un fyi, "Tape pour basculer" n'est pas une option car elle nécessite de taper dans la partie de contenu d'interface utilisateur de l'écran et que d'autres clics sont pourquoi je dois piéger des clics sur le pied de page.

Comment puis-je ne pas avoir cette longueur ajoutée au bas de la page afin que la barre NAV soit plus d'une superposition qu'une extension ou comment puis-je supprimer cette hauteur supplémentaire sur la peau ();

Le code de pied de page ressemble à ceci:

<div data-role="footer" data-position="fixed" data-theme="b">
  <div id="menu" data-role="navbar" data-iconpos="top">
    <ul>
      <li><a href="#" data-icon="gear">Settings</a></li>
      <li><a href="#" data-icon="delete">Delete</a></li>
    </ul>
  </div>
  <h6>App Footer Text</h6>
</div><!-- /footer -->  

Le spectacle / masquer JavaScript est-ce:

if(stateMenu == false)
{
  $('#menu').addClass('fixed');
  $("#menu").show();
  stateMenu = true; 
}
else
{
  $('#menu').removeClass('fixed'); 
  $('#menu').hide();  
  stateMenu = false;
}   

Merci à tous ...

Answer 1

Ajoutez ceci au bloc d'affichage:

$('#menu').css('display', 'normal');

Ajoutez ceci au bloc de masque:

$('#menu').css('display', 'none');

Ceci supprime le DOM de la DOM de sorte que le menu affiche / cache et on dirait que cela devrait ... Vous pouvez l'attaquer à tout événement, y compris le bouton MENU (je l'ai attaqué au bouton de menu et à l'intérieur de l'intérieur.le pied de page)