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

Question

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

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

结构如下

<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检查我的演示...请帮助我...

不工作演示

Answer 1

不要使用mouseoutormouseover事件，但是mouseenter-mouseleave它们仅在您输入/离开您附加到的元素时触发；100% 没有冲突。