jquery nivo 슬라이더 캡션

Question

Drupals Nivo Slider 모듈을 사용하고 있으며 마우스가 슬라이더 div 위로 마우스를 가져 가면 마우스가 div를 벗어날 때 사라지도록 캡션을 표시하려고합니다. 그게 알아 냈지만 문제는 모듈의 HTML이 인라인 스타일의 디스플레이를 가졌다는 것입니다 : 블럭과 캡션이 나타나게하고, 캡션이 누군가의 캡션을 보여주기를 원하지 않습니다. 지금은 디스플레이를 없애기 위해 마우스를 움직여야합니다. 블록을 사용하면 mouseleave 이벤트 때문에 작동합니다.

이상한 점은 첫 번째 이미지에 캡션이없고 두 번째 이미지가 누군가 원하는 이미지를 캡션으로 표시하지 않기 때문에 문제가 세 번째 이미지까지 올 수 없다는 것입니다. 이미지가 희미 해지면서 캡션을 표시하는 것은 세 번째, 네 번째 및 다섯 번째 이미지입니다. 표시 : 없음을 추가하려고 시도했지만 내 CSS에 중요하지 않아 캡션이 전혀 표시되지 않습니다. 여기에 내 jQuery 및 모든 도움을 정말 감사하겠습니다 및 내 문제를 설명하는 데 너무 많은 텍스트를했다 미안 해요.

 $('.nivo-caption').css('display', ''); 

     $('#home_slider').hover(function(){ 
       $('.nivo-caption p').slideToggle('fast'); 
     }); 

     $('#home_slider').mouseleave(function(){ 
       $('.nivo-caption p').css("display", "none"); 
     }); 

Answer 1

어때요?

$('.nivo-caption').hide(); 

    $('#home_slider').hover(
     function(){ 
      $('.nivo-caption').show('fast'); 
     }, 
     function(){ 
      $('.nivo-caption').hide('fast'); 
     }, 
    );