jQuery的誤差的移動導航欄

我不知道很多有關jQuery的呢，不過我用它來使這個導航菜單下拉的手機大小媒體查詢點擊菜單按鈕時。我不斷收到這個我找不出來的錯誤。jQuery的誤差的移動導航欄

未捕獲的ReferenceError：toggleMenu沒有定義meetPractioner.html：53的onclick

我使用的腳本是這樣的：

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

雖然HTML是：

<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是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 2015-01-31 18:55:37

不同的是，你使用一個'script'標籤和我使用兩個。你需要把它們分開。如果'script'有一個'src'標籤，打開和關閉標籤之間的所有內容將被忽略。 – movabo 2015-01-31 18:59:26

啊是啊！非常感謝你！ – floyd 2015-01-31 19:04:24

jQuery的誤差的移動導航欄

回答

相關問題