javascript - 我想显示 slider div，直到鼠标悬停在 jquery 中有许多内部 div 的容器 div 上吗？

Question

我有一个包含两个 div A 和 B 的容器

A 包含几个 img 标签，而 B 包含一个 slider ..

结构如下

<div id="container">
   <div id="mainCHimage">
      <img id="favIcon">
      <img id="mainImg">
   </div>
   <div id="imageSlider">
      <img class="arrow left">
      <div class="images" id="images_zazzle_tshirts">
        <a href="..344/zazzle_tshirts-v4-en/" rel="attachment wp-att-341"></a>
        <div class="imageHolder catMatchB" style="display: block;">
        <a href="http://santasrecipies.com/344/zazzle_tshirts-v4-en/"></a>
        <a href="http://productUsage.php?prodId=39" target="_blank">
           <div class="sliderImgWrp">
           <img src="../shop/uploads/large/1367904170_link-10351582.jpg">
           </div>
        </a>
        </div>
      </div>
      <img class="arrow right">
   </div>
</div>

我只希望 imageslider shud 停留，直到我从整个容器 div 鼠标移出。但是内部 div 来了并且发生冲突。我已经编写了 jquery 函数。U cn 检查我的演示 ...请帮助我...

Not working demo

Answer 1

不要使用 mouseout 或 mouseover 事件，但要使用 mouseenter 和 mouseleave - 它们仅在您输入时触发/留下你附加它们的元素； 100% 没有冲突。