Question

我想在我的移动应用上进行设置，以便页眉和页脚工具栏的行为类似于Netflix中的视频控件：也就是说，它们会在加载时出现;几秒钟后消失;然后在单击屏幕时重新出现。 JQM中这些类的默认行为是它们在加载时出现，然后在后续单击时消失/重新出现。我能做到这样的事情：

加载条显示

设置超时以隐藏条形图，所以：

window.setTimeout(function(){ 
  $("#footer").hide();
  $("#header").hide();
}, 3000);

将事件绑定到窗口，以便在隐藏条形图时单击其中的任何位置再次出现;取消绑定事件，直到超时开始
冲洗并重复可以放入各种优化（如果在超时之前单击，则栏会消失等）。

听起来很简单。事实证明这很困难，因为它似乎与JQM自己的方式有冲突，因为鼠标点击会显示和消失。因此，添加此函数，附加单击事件以恢复标题会导致不稳定的行为，标题会以随机方式显示和消失：

   function resetTimer () {
       $(document).bind("click",function(){
           $("#footer").show();
           $("#header").show();
           window.setTimeout(function(){
               $("#footer").hide();
               $("#header").hide();
              resetTimer();
          }, 5000);
        });
    }

    window.setTimeout(function(){ 
       $("#footer").hide();
       $("#header").hide();
       resetTimer();
     }, 5000);

有什么想法吗？肯定有一个更好的方法来做这个，而不是摆弄全球窗户和文件事件。如果我从持有页眉和页脚的div中删除属性data-role="header"等，一切看起来都很好 - 但是我失去了JQM提供的自动定位和其他行为，这意味着他们编码的痛苦重建。但无论如何我无法在JQM文件中找到这样做......

JQuery移动页眉，页脚在超时时消失，单击时重新出现

0 个答案: