jQuery를 숨기기 쇼가 제대로

내 스크립트의 실패 요인이 문제를 해결하는 데 문제가 작동하지 않습니다. jQuery를 숨기기 쇼가 제대로

은 내가 사용하는 코드입니다. JsFiddle에서 완벽하게 작동하지만 내 사이트에서 구현하면 전혀 작동하지 않습니다.

<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script> 
    $("#overlay").hide(); 
    $("#work").click(function(e){ 
     $("#overlay").toggle(); 
     e.stopPropagation(); 
    }); 
    $(document).click(function(){ 
     $("#overlay").hide(); 
    }); 
    $("#overlay").click(function(e){ 
     e.stopPropagation(); 
    }); 
    </script> 
    </head> 

    <body> 
    <div id="work"></div> 
    <div id="overlay"><iframe width="100%" height="100%" src="//www.youtube.com/embed/uQFGkGk4PSc" frameborder="0" allowfullscreen></iframe></div> 
    </body>

Link to site

감사합니다!

기본에

$(document).ready(function() { 

    $("#overlay").hide(); 
    $("#work").click(function(e){ 
     $("#overlay").toggle(); 
     e.stopPropagation(); 
    }); 
    $(document).click(function(){ 
     $("#overlay").hide(); 
    }); 
    $("#overlay").click(function(e){ 
     e.stopPropagation(); 
    }); 

});

가, 바이올린은 onLoad에 코드를 실행하고 당신은 <head>에 배치됩니다

출처

2014-11-21 Benny

http://learn.jquery.com/using-jquery-core/document-ready/? –

jquery.js에 연결 하시겠습니까 ?? –

jQuery 라이브러리가 포함되어 있는지 확인하십시오. – thecodeparadox

당신은 다음과 같은 코드를 포장해야합니다. 왼쪽 상단 모서리에 옵션을 설정할 수 있습니다. 내가 in <head>로 변경하고이 작동하지 않습니다 중 하나 http://jsfiddle.net/N9cbk/8/

여기 $(document).ready()에 대해 자세히 알아보기 : 콘텐츠 중 하나가 AJAX에로드되는

출처

2014-11-21 15:33:30 balzafin

thecodeparadox의 버전들은 모두이의 짧은 - 손 버전입니다 정확하고 둘 다 작동합니다. –

정확합니다. 저는이 때문에 더 긴 버전을 사용했습니다 : _ jQuery에 익숙하지 않은 사람들이 볼 수있는 코드를 작성한다면, 긴 양식을 사용하는 것이 가장 좋습니다 ._ 내가 링크 된 jQuery 문서의 것입니다. – balzafin

나도 알아, 내가 영업 이익 : 내가 아는 –

jQuery를 숨기기 쇼가 제대로

답변

관련 문제