錯誤與：自己的JavaScript滑塊的WordPress - 懸停功能？

Question

我創建了一個滑塊，可以滑動我的wordpress文章的所有圖像， ，如果您瀏覽圖片，它會向您顯示鏈接的標題。 我的問題是，如果鼠標移過框中的標題或鏈接，它會消失並閃爍，直到我離開整個div。

代碼myownslider.js：

$('.SliderImages ul li').mouseover(function(){ 
    slideActive=false; 
    $('.SliderTooltips li#st_'+$(this).attr("id")).css("display","block"); 
}); 
$('.SliderImages ul li').mouseout(function(){ 
    slideActive=true; 
    $('.SliderTooltips li#st_'+$(this).attr("id")).css("display","none"); 
}); 

網頁代碼：

<div id="imgScroller"> 
    <div class="SliderButton" id="left_button"><img src="img/gallery/galerieArrowLeft.gif" alt="<"/></div> 
    <div class="SliderImages"> 
     <ul> 
     <?php 
      $ze=0; 
      while (have_posts()) : the_post(); 
       $ze++; 
       $url_img = getFP_image_url("fpGallery_Big"); 
       echo "<li id='$ze'><img src='".$url_img."'/></li>"; 
      endwhile; 
     ?> 
     </ul> 

    </div> 
    <div class="SliderButton" id="right_button"><img src="img/gallery/galerieArrowRight.gif" alt=">"/></div> 
    <ul class="SliderTooltips"> 
     <?php 
      $ze=0; 
      while (have_posts()) : the_post(); 
       $ze++; 
       $title = get_the_title(); 
      echo "<li id='st_$ze'><span>".$title."</span><h6> >> Zum Artikel</h6></li>"; 
      endwhile; 
     ?> 
    </ul> 
</div> 
</div> 

可能是什麼，它關閉工具提示格，直到我去了的原因吧...... 非常感謝你提前 ！

Answer 1

使用jQuery自己的懸停功能，卻忽視了兒童/出事件......

$('.SliderImages ul li').hover(function(){ 
    slideActive=false; 
    $('.SliderTooltips li#st_'+$(this).attr("id")).css("display","block"); 
}, (function(){ 
    slideActive=true; 
    $('.SliderTooltips li#st_'+$(this).attr("id")).css("display","none"); 
});