1

Facebook アプリ/webapp と同様のナビゲーション構造を持つ webapp を作成しています。

私の問題は、「メニューを表示」ボタンをタップすると、その背後にあるメニュー項目もタップすることです。

私のHTML構造は次のようなものです：

<div id="menu">
  <ul>
    <li>
      <a href="page.html">Menu item</a>
    </li>
  </ul>
</div>

<div id="contentholder">
  <div id="menu-btn"></div>
</div>

#menu と #contentholder は、position:absolute;top:0;left:0; で互いの上に配置されます。

タッチ イベントには Jquery モバイルを使用します。

私のタップスクリプトは次のとおりです。

$('body').on('tap', '#menu-btn', menuActive);

menuActive 関数で e.stopPropagation() を試しましたが、効果がないようです。

menuActive 関数:

function menuActive(e){
  $('#menu-btn').addClass('active');
  $('#contentholder').addClass('slided');
}

助言がありますか？

4

2 に答える 2

0

menuActive 関数の e.preventDefault() で修正しました。#contentholder を盗聴する理由はわかりませんが...まあ、今はうまくいきます...

于 2012-12-05T12:30:12.147 に答える