jQuery onclick은 내 웹 사이트에서 작동하지 않지만 jsfiddle에서 수행합니다.

Question

Herru Stackoverflow !!

저는 jQuery를 처음 사용합니다. JSfiddle 내 코드가 작동하지만 내 웹 사이트에서 작동하지 않습니다. 내 코드 (아래)가 내 웹 사이트에서 작동하지 않는 이유를 모르지만 jsfiddle (http://jsfiddle.net/vt9115vw/)에서 작동하지 않습니다.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$("#submenu").click(function() { 
    $("#submenu-content").toggle(); 
}); 
</script> 
<style> 
#mobile-elevator { 
    background-color: #0079a8; 
    color: white !important; 
    font-size: 18px; 
    margin-bottom: 10px; 
} 
#mobile-elevator a { 
    color: white !important; 
    margin-left: 15px; 
} 
#mobile-elevator #button { 
    border-bottom: 2px solid #E1E6FA; 
} 
#submenu-content { 
    display: none; 
} 
</style> 
<div id="mobile-elevator"> 
    <div id="button"> 
     <span id="submenu"> 
      Productos 
     </span> 
    </div> 
    <div id="submenu-content"> 
      Hello 
    </div> 
    <div id="button"> 
     <a href=""> 
      Ayuda 
     </a> 
    </div> 
    <div id="button"> 
     <a href=""> 
      Descargas 
     </a> 
    </div> 
    <div id="button" style="border-bottom: 0px solid black;"> 
     <a href=""> 
      Contacto 
     </a> 
    </div> 
</div> 

난 모바일 탐색 모음을 만들려고하고 있습니다.

Answer 1

넣어 click 이벤트 같은 fucntion DOM ready 내부 : 당신은 jsfiddle에서 볼 경우

$(document).ready(function(){ 

$("#submenu").click(function() { 
    $("#submenu-content").toggle(); 
}); 
}); 

이 domready 또는 on load etc.this 내부 함수를 작성하는 옵션이 있습니다이 click 이벤트가 아닌 jsfiddle에서 작동하는 이유는 당신의 website. 당신은 내가 가진이 함께 확인할 수 있습니다

Answer 2

function tog() 
{ 
    $("#submenu-content").toggle(); 
} 

토글 동작을위한 'tog'기능을 추가하십시오. 그리고 DOM 스크립트가 준비되지 않은 경우로 페이지 끝에 jQuery 및 JS 스크립트를로드하려고 아이디 = '메뉴'항상

<span id="submenu" onclick='tog()' > 

Answer 3

으로 기간에 온 클릭 요소를 사용하여 이벤트 핸들러 함수 '옷'을 지정 작동 안 할 것이다. 또는 당신은 내부를 포장 할 수 있습니다 -

$(document).ready(function(){ 
    //your code 
}); 

을가 DOM가 준비 될 때까지 스크립트를 기다려야 할 것이다있다.