jquery - ボディのタッチスタートを検出しますが、ナビは検出しません

Question

メニューがあります

ユーザーが画面上の任意の場所をタップすると、サブナビが折りたたまれるタブレット用のトリガーを作成したいと考えています。ただし、トリガーせずにナビゲーション内の任意の場所をクリックできるようにする必要がありますcloseMenu();

私は試した：

$('#main-container').not('.menu').live('touchstart click', function(){
    closeMenu();
}

次.menuのようになります。

<div id="container">
<ul>
   <li>   
     <div class="menu">
       <a class="menu-links" href="#">Menu List 1</a>
       <ul>
          <li><label><input type="radio" checked="checked" />All</label></li>
          <li><label><input type="checkbox" />Option 1</label></li>
          <li><label><input type="checkbox" />Option 2</label></li>
          <li><label><input type="checkbox" />Option 3</label></li>
       </ul>
     </div>
    </li>
    <li>
      ....more of the same
    </li>
 </ul>

のいくつかのインスタンスがあり.menu、それぞれが<li>.

結局、「.menu-links」をクリックできるようになりましたが、オプションをクリックすると、 をクリックしたかのように動作し、#main-container開始closeMenu()されます。