Меню слайдов Javascript не работает

-3

Я пытаюсь создать скользящее меню с jQuery, но я получаю ошибки в строках 5 и 6 - функции не определены. Может ли кто-нибудь увидеть, что проблема с моим кодом?Меню слайдов Javascript не работает

// jQuery(document).ready(function($) { 
jQuery(function($) { 
"use strict"; 
    $(document).ready(function() { 
     $nav_list = $('#nav_list'); 
     $menuLeft = $('.pushmenu-left'); 


     $nav_list.click(function() { 
      $(this).toggleClass('active'); 
      $('.pushmenu-push').toggleClass('pushmenu-push-toright'); 
      $menuLeft.toggleClass('pushmenu-open'); 
     }); 
    }); 
});

Вот HTML:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>DogHouse</title> 


<script type="text/javascript" src="PushMenuJS.js"></script> 

<link href="PushMenuCSS.css" rel="stylesheet" type="text/css"> 
</head> 

<body class="pushmenu-push"> 
    <nav class="pushmenu pushmenu-left"> 
     <h3>Menu</h3>  
    </nav> 
    <div class="container"> 
     <div class="main"> 
      <section class="buttonset"> 
       <div id="nav_list">Menu</div> 
       <!-- End Content --> 
     </div> 
     <!-- End Main --> 
    </div> 
    <!-- End Container --> 
     </body> 
</html>

И, наконец, вот CSS

.pushmenu a { 
    display: block; 
} 
.pushmenu-left { 
    left: -240px; 
} 
.pushmenu-left.pushmenu-open { 
    left: 0; 
} 
.pushmenu-push { 
    overflow-x: hidden; 
    position: relative; 
    left: 0; 
} 
.pushmenu-push-toright { 
    left: 240px; 
} 
.pushmenu, .pushmenu-push { 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
} 
nav-list.active { 
    background-position: -33px top; 
}

Извиняюсь, я знаю, что я поставляется слишком много

Благодаря

источник

2015-09-29 PGTips

Каковы ошибки? –

$ nav_list не определен $ menuLeft не определено – PGTips

Дайте нам HTML-код, а не только jQuery, то мы сможем вам помочь –

Вы используете строгий режим. Вы не можете создать глобальную переменную, просто присвоив ей значение.

Вы должны объявить его var. Поскольку вам не нужна глобальная область для ваших переменных, просто прикрепите существующие строки var.

источник

2015-09-29 10:09:19 Quentin

Я только что добавил эти префиксы, которые удалили ошибки, однако меню по-прежнему отказывается скользить при нажатии – PGTips

Ну, это другая проблема, и, вероятно, одна из них связана с CSS, который вы нам не показали. – Quentin

Какую часть CSS вы хотели бы мне предоставить? Извинения за недостающие знания – PGTips

Меню слайдов Javascript не работает

ответ

Смежные вопросы