2009-09-19 5 views
11

저는 JQuery에 비교적 익숙하며 마우스 오버시 메뉴를 표시하고 싶습니다. 여기 JQuery Show Hover에서 클래스 숨기기

는 HTML 그리고

<td class ="comment_div"> <?php echo("$comment_data['comment']); ?> <br/> 
    <span class="comment_actions"> Approve | Delete | Spam | Edit</span> 
</td> 

에게 JQuery와

$("comment_div").hover(
     function() { $(".comment_actions").show(); }, 
     function() { $(".comment_actions").hide(); } 
); 

이 내가 여러 의견을 철수하고 있는데 이것은 단지에 상관없이 첫 번째 DIV에 메뉴를 표시하지 않습니다에 대한 exept 작동을 무엇 "comment"는 호버트입니다. 나는이 메뉴가 현재 숨어있는 댓글에 대해서만 표시되도록하고 싶습니다. 나는이 작업을하기 위해 "$ this"를 사용할 필요가 있다고 생각하지만 확실하지는 않습니다.

감사합니다.

답변

18

것은 나는 완전한 바보이기 때문에 제대로 형식이

$(".comment_div").hover(
    function() { $(this).children(".comment_actions").show(); }, 
    function() { $(this).children(".comment_actions").hide(); } 
); 

편집을 BE- 것을 읽고 있어요 경우.

이 같은
+0

아니겠습니까? 표시/숨기기 "comment_div"? 나는 호버에 "comment_actions"를 보이거나 숨기려고 노력하고있다. – BandonRandon

+0

당신은 절대적으로 옳습니다. 나는 오늘 자고 있으며 실천 중이다. 그것은 지금 고쳐 져야합니다. –

+0

고마워요! – BandonRandon

2

뭔가 나를 위해 작동 그러나

<script> 
$(document).ready(function() { 
$(".container").hover(
     function() { $(this).children('.comment_actions').show(); }, 
     function() { $(this).children('.comment_actions').hide(); } 
); 

}); 

</script> 

<style> 

</style> 


<table border="1"><tr> 
<td class ="container"><br/> 
    asd<span class="comment_actions">Approve | Delete</span> 
</td> 
<td class ="container"><br/> 
    asd <span class="comment_actions">Approve | Delete</span> 
</td> 
<td class ="container"><br/> 
    asd<span class="comment_actions"> Approve| Delete</span> 
</td> 
</tr></table> 

, 당신이 직면하게 될 문제는 디스플레이가 사업부를 통해 작업을 가져입니다 : 없음; 세트. 마우스 민감한 항목에 배치 한 다음 하위 항목을 표시하거나 숨기는 것이 좋습니다.