2010-07-14 5 views
0

그래서 특정 div가 onclick을 표시하는 데 문제가 있습니다. 어떤 사람?jQuery Selector

HTML

<div style="float:left;width:40px;"> 
<span class="productControl" style="position:relative;"> 
    <div class="productMenuHolder" style="display:none;"> 
    <ul class="productMenuList"> 
     <li class="productMenuItem">Add to Collection</li> 
     <li class="productMenuItem">Share</li> 
    </ul> 
    </div> 
</span> 
</div> 

jQuery를

$("span.productControl").click(function(){ 
    $(this).next().show(); 
}); 

productMenuHolder은 표시하지 않는 것!

+0

핸들러가 바인딩되고 있는지 확인하기 위해'$ (function() {...});'을 사용하고 있습니까? 또한 스팬에 div가 왜 포함되어 있습니까? 나중에 문제가 발생할 것입니다. –

답변

3
$(this).find('.productMenuHolder').show() 

마크 업에서 조금 더 가깝게 보시기 바랍니다.

+0

감사합니다. @meder. 왜 작동하지 않는거야? (나는 당신의 대답을 받아 들일 것이다. 그러나 스택은 9 분 안에 그것을하게 할 것이다.) – st4ck0v3rfl0w

+0

다음은 아이가 아닌 다음 형제를 의미한다. span은 div를 소유합니다. –

+0

Ahh ... 바보 같은 멍청한 : 손으로 머리를 치기 :: 후속 조치로, 누군가가 어디에서 클릭하지만 productMenuHolder div를 클릭하면 어떻게 팝업 div 숨기기를 만들 수 있습니까? – st4ck0v3rfl0w