2012-04-30 3 views
-2
$(function() { 
    $(".popup").hide(); 
    $(".clickMe").mouseover(function() {  
     $(".popup").show(); 
    }).mouseout(function() { 
     $(".popup").hide();//Set this to default hide 
    }); 
}); 

<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 

<a class="clickMe" href="#"> Click here to see hidden item.</> 
<div class="popup"> You've found me! </div> 

이 코드는 구현하고 싶지만 어떻게해야할지 모르겠습니다. 대신 mouseover, 어떻게 내가 onclick 호출 대신 설정할 수 있습니까? 시간 내 줘서 고마워.자바 스크립트 onclick 및 마우스 오버가 아닙니다.

답변

6

이 그래서 내가했던 모든 .clickMe의 클래스 요소의 하나 click 이벤트에 대한 mouseovermouseout 이벤트를 변경할 것입니다 그것을

$(function() { 
    $(".popup").hide();     //Hide the popup first 
    $(".clickMe").click(function() { //Attach a click event to the .clickMe 
     $(".popup").toggle();    //Toggle the visibility of the popup 
    }); 
}); 

할 것입니다. 그리고 jQuery toggle 효과를 사용하여 div가 표시되는지 여부에 따라 div를 표시하거나 표시합니다. 따라서 div를 '토글'하십시오. 해결책이 맞지만 here 자세한 내용은

+0

입니다. [OP가 노력을 나타내 었는지 확인하십시오.] (http://meta.stackexchange.com/a/128553/177538). – Joseph

+1

@Joseph 너무 열망 했습니까? :) 나는 보통 적당한 질문을하지 않거나 코드를 보여주지 않는 사람들에게 상당히 힘들다. 균형 잡힌 변화를 위해 좋을 것이라고 생각했다. –

+0

아니, 마크, 너 괜찮 았어. OP는이 사이트의 새로운 브랜드입니다. 너무 많은 오래된 손이 처음 질문자 IMO에 시동을 걸고 있습니다. – Nick

관련 문제