jquery - 如何使用 jQuery 在 mouseout 上关闭列表菜单

Question

我有以下场景:

<div class="dropMenuWrapper_content">
<img src="images/dropMenu.gif" class="menu_head_content" />
<ul class="menu_body_content scroll-pane" id="SmallDropDown">
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/0.aspx">1</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/1.aspx">2</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/2.aspx">3</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/3.aspx">4</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/4.aspx">5</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/5.aspx">6</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/6.aspx">7</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/7.aspx">8</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/8.aspx">9</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/9.aspx">10</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/10.aspx">11</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/11.aspx">12</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/12.aspx">13</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/13.aspx">14</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/14.aspx">15</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/15.aspx">16</a></li>
  <li><a class="modalWindow cboxElement" href="http://mysite.com/service/16.aspx">17</a></li>
</ul>

当我单击 dropMenu 图像时，列表打开，显示一个使用 jQuery 的下拉菜单。一切正常，除了当我离开图像或列表本身时，我需要它来关闭菜单。当您再次单击图像时，我已经有了关闭菜单的功能，但我需要在您离开图像或列表时关闭菜单。

我认为我可以使用 dropMenuWrapp_content div，因为它在打开时随内容一起延伸，这样当您将鼠标移出该 div 时它会关闭，但它有很多错误。

在 Flash 中，我会设置一个 hitTest 来查看鼠标的位置，如果它不再位于该区域，则下拉菜单将关闭。

有没有更好的方法让我使用 jQuery 检查这个？

非常感谢!

Answer 1

将“点击关闭处理程序”添加到 BODY 标记。这样，当您单击菜单外的任意位置时，菜单将关闭。