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()并被启动。