Остановить триггер mouseleave при переходе дочернего элемента

Question

как я могу прекратить стрельбу триггером мыши, зависающим элементом .thumb sibling .description, который позиционируется атрибутом: position absolute.

У меня есть следующий JS код

$('.thumb').on({ 
    mouseenter: function() { 
     $(this).siblings('.description').delay(100).slideDown(200); 
     start_preview($(this)); 
    }, 

    mouseleave: function(e) { 
     $(this).siblings('.description').stop(true, true).slideUp(200); 
     clearInterval($(this).data('timer')); //Stops preview 
    } 
}); 

Для следующего HTML-кода:

<td><a href="/video?id=1052"> 
    <img class="thumb" src="path" /> 
    <div class="description"></div> 
</a></td> 

Answer 1

Try, что вместо того, чтобы:

$('.thumb').closest('td').on({ 
    mouseenter: function() { 
     $(this).find('.description').delay(100).slideDown(200); 
     start_preview($(this).find('.thumb')); 
    }, 

    mouseleave: function(e) { 
     $(this).find('.description').stop(true, true).slideUp(200); 
     clearInterval($(this).find('.thumb').data('timer')); //Stops preview 
    } 
}); 

Answer 2

$('.thumb').on({ 
    mouseenter: function() { 
     $(this).siblings('.description').delay(100).slideDown(200); 
     start_preview($(this)); 
    }, 

    mouseleave: function(e) { 
     var sibs = $(this).siblings('.description'); 
     $.each(sibs, function(i, v) { 
      if ($(this).css('position') == 'absolute') { 
       return false; 
      } else { 
       $(this).stop(true, true).slideUp(200); 
       clearInterval($(this).data('timer')); //Stops preview 
      }; 
     }); 
    } 
});