모바일 탐색 모음의 jQuery 오류

아직 jQuery에 대해 많이 알지는 못하지만 메뉴 단추를 클릭하면이 nav 메뉴가 전화 크기 미디어 쿼리에 드롭 다운됩니다. 알아낼 수없는 오류가 계속 발생합니다. html로 인 반면모바일 탐색 모음의 jQuery 오류

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 
    function toggleMenu() { 
     $('nav ul li a').slideToggle("fast"); 
    } 
    </script>

<nav> 
     <ul> 
      <li><a href="meetPractioner.html">Meet The Practioner</a></li> 
      <li><a href="servicesRates.html">Services &#38; Rates</a></li> 
      <li><a href="bookAppointment.html">Book Appointment</a></li> 
      <li><a href="locationHours.html">Location &#38; Hours</a></li> 
      <li><a href="testimonials.html">Testimonials</a></li> 
      <li><a href="questions.html">Questions &#38; Answers</a></li> 
      <li><a href="benefits.html">Benefits of Massage</a></li> 
      <li><a href="bodySense.html">Body Sense Magazine</a></li> 
     </ul> 
      <a onclick="toggleMenu()" class="menu-bttn">Menu</a> 
    </nav>

내 jsFiddle

catch되지 않은 ReferenceError가 : toggleMenu이 meetPractioner.html을 정의되지 않은 : (53)는 온 클릭

내가 사용하고있는 스크립트는 이것이다 는 http://jsfiddle.net/Floyd/v723oqfc/1/

입니다. 도움을 주시면 대단히 감사하겠습니다.

출처

2015-01-31 floyd

피들에서 toggleMenu를 정의하지 않았습니다. 그러나 다음 문서 <head>에 시도 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script> 
    function toggleMenu() { 
     $('nav ul li a').slideToggle("fast"); 
    } 
</script>

이이 문제를 해결해야한다.

편집

바이올린 : http://jsfiddle.net/v723oqfc/2/ (이하 "아니오 랩 - <head>에"유의하지 프레임 워크 & 확장시)

출처

2015-01-31 18:42:41 movabo

감사합니다! 나는 이것을 바이올린에 넣지 않았다. 미안하다. 그러나 나는 내 머리 속에 이것을 가지고있다. 그것은 당신의 바이올린에서 작동하지만 브라우저에서는 작동하지 않습니다. – floyd

차이점은 하나의'script' 태그를 사용하고 두 개를 사용한다는 것입니다. 당신은 그들을 분리해야합니다. 'script'가'src' 태그를 가지고 있으면, 여는 태그와 닫는 태그 사이의 모든 것이 무시됩니다. – movabo

아 예! 고마워요! – floyd

모바일 탐색 모음의 jQuery 오류

답변

관련 문제