基于页脚点击以页脚显示/隐藏导航栏

Question

JQM 1.1.1和Cordorva 2.0.0

我在页脚中的点击次点击，然后在Click on the toging show（）/ hide（）inabbar。

到目前为止，我正在捕获水龙头，导航栏显示/隐藏，但是当它显示它通过导航栏的高度延长页面。此长度不明显，但即使在隐藏导航栏之后，它也使页面滚动。（它只会将导航栏高度添加到页面底部。） 就像一个fyi一样，“点击切换”不是一个选项，因为它需要在屏幕的UI内容部分中进行攻丝，具有其他点击，这就是我必须陷入页脚的删除。

如何将该长度添加到页面底部，以便导航栏更像是叠加而不是扩展，或者如何删除隐藏（）上的额外高度;

页脚代码如下所示：

<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 -->  

.

show / hide javascript是：

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

.

谢谢所有...

Answer 1

将此添加到show块：

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

.

将此添加到隐藏块：

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

.

这将从DOM中删除DIV，以便现在菜单显示/隐藏，看起来应该......您可以将其绑定到包括菜单按钮的任何事件（我将其绑定到菜单按钮和水龙头内部页脚）