사용자가 jQuery와 div 요소를 비교할 때 어떻게이 html을 전환합니까?

Question

사용자가 마우스를 놓을 때 다음 버튼을 가리키고 제거하고 싶습니다. 다음 코드는 내가 지금까지 가지고 있습니다 :

<script> 
$(document).ready(function()) { 
$('div.service-item').hover().toggle().html('<br /><a href='order/products' class='button'>Get Started</a>'); 
} 
</script> 

Answer 1

어떤 함수 (즉 아무것도하지 않고) 'div.service 항목'에 대한 호버 이벤트를 트리거되어 일을하고, 그런 다음 그것을 토글 링합니다 (아마도 제거 할 것입니다). 당신은 이것을하고 싶다 :

$("div.service-item").hover(function() { 
     $(this).html("<br /><a href='order/products' class='button'>Get Started</a>"); 
    }, 
    function() { 
     $(this).html(""); 
    } 
); 

그러나, 아마도 CSS로 이것을하는 것이 더 나을 것입니다. div에 숨겨진 HTML을 항상 가지고 있고 :hover에 표시하십시오.

Answer 2

가 참조 jQuery API for .hover()

$('div.service-item').hover(function() { 
    // Hover in 
}, function() { 
    // Hover out 
}); 

Answer 3

<script> 
$(document).ready(function()) { 
    $('div.service-item').bind("mouseenter", function(){ 
     $(this).toggle().html('<br /><a href="order/products" class="button">Get Started</a>'); 
    }); 
} 
</script> 

링크에 오타가 있습니다.