javascript - Pageshow でヘッダーとフッターのツールバーを表示または非表示にする方法

Question

プロジェクトでjquery mobileを使用しており、ヘッダーとフッターのツールバーを実装しています。

私がやろうとしていることは次のとおりです。

ページを開くときは常にツールバーを非表示にし、タッチスクリーンを 1 回クリックしたときにのみツールバーを開きたいと考えています。

友人からスクリプトをもらいましたが、うまくいきました。

しかし、それらを開くには、タッチスクリーンをダブルクリックする必要があります...

ワンクリックだけでこれを行うためにとにかく存在しますか？

注：私のプロジェクトにはいくつかありますdata-role="pages"

私のコード:

HTML5:

 <div data-role="header" data-theme="a" data-position="fixed" data-id="footer" data-fullscreen="true" class="hidden">TESTE</div>

<div data-role="footer" data-theme="a" data-position="fixed" data-id="footer2" data-fullscreen="true" class="hidden">TESTE</div>    

脚本：

  function enableHeaderFooter() {
    $(document).off("touchend", enableHeaderFooter);
    $("header, footer").removeClass("hidden");
  }
  $(document).on("touchend", enableHeaderFooter);

CSS:

.hidden{display:none}