Как установить классную функцию javascript в WordPress?

Я пытаюсь установить это меню http://tympanus.net/codrops/2013/08/13/multi-level-push-menu/ на моем сайте WordPress. Однако javascript не может быть загружен. Вот мой муркуп

Я использовал меню как menu.php, я назвал это, используя <?php include (TEMPLATEPATH . '/menu-bar.php' ); ?> <?php include (TEMPLATEPATH . '/menu-bar.php' ); ?> в index.php и разметку

 <!-- mp-menu --> <nav id="mp-menu" class="mp-menu"> <div class="mp-level"> <h2 class="icon icon-world">All Categories</h2> <ul> <li class="icon icon-arrow-left"> <a class="icon icon-display" href="#">Devices</a> <div class="mp-level"> <h2 class="icon icon-display">Devices</h2> <ul> <li class="icon icon-arrow-left"> <a class="icon icon-phone" href="#">Mobile Phones</a> <div class="mp-level"> <h2>Mobile Phones</h2> <ul> <li><a href="#">Super Smart Phone</a></li> <li><a href="#">Thin Magic Mobile</a></li> <li><a href="#">Performance Crusher</a></li> <li><a href="#">Futuristic Experience</a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a class="icon icon-tv" href="#">Televisions</a> <div class="mp-level"> <h2>Televisions</h2> <ul> <li><a href="#">Flat Superscreen</a></li> <li><a href="#">Gigantic LED</a></li> <li><a href="#">Power Eater</a></li> <li><a href="#">3D Experience</a></li> <li><a href="#">Classic Comfort</a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a class="icon icon-camera" href="#">Cameras</a> <div class="mp-level"> <h2>Cameras</h2> <ul> <li><a href="#">Smart Shot</a></li> <li><a href="#">Power Shooter</a></li> <li><a href="#">Easy Photo Maker</a></li> <li><a href="#">Super Pixel</a></li> </ul> </div> </li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a class="icon icon-news" href="#">Magazines</a> <div class="mp-level"> <h2 class="icon icon-news">Magazines</h2> <ul> <li><a href="#">National Geographic</a></li> <li><a href="#">Scientific American</a></li> <li><a href="#">The Spectator</a></li> <li><a href="#">The Rambler</a></li> <li><a href="#">Physics World</a></li> <li><a href="#">The New Scientist</a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a class="icon icon-shop" href="#">Store</a> <div class="mp-level"> <h2 class="icon icon-shop">Store</h2> <ul> <li class="icon icon-arrow-left"> <a class="icon icon-t-shirt" href="#">Clothes</a> <div class="mp-level"> <h2 class="icon icon-t-shirt">Clothes</h2> <ul> <li class="icon icon-arrow-left"> <a class="icon icon-female" href="#">Women's Clothing</a> <div class="mp-level"> <h2>Women's Clothing</h2> <ul> <li><a href="#">Tops</a></li> <li><a href="#">Dresses</a></li> <li><a href="#">Trousers</a></li> <li><a href="#">Shoes</a></li> <li><a href="#">Sale</a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a class="icon icon-male" href="#">Men's Clothing</a> <div class="mp-level"> <h2>Men's Clothing</h2> <ul> <li><a href="#">Shirts</a></li> <li><a href="#">Trousers</a></li> <li><a href="#">Shoes</a></li> <li><a href="#">Sale</a></li> </ul> </div> </li> </ul> </div> </li> <li> <a class="icon icon-diamond" href="#">Jewelry</a> </li> <li> <a class="icon icon-music" href="#">Music</a> </li> <li> <a class="icon icon-food" href="#">Grocery</a> </li> </ul> </div> </li> <li><a class="icon icon-photo" href="#">Collections</a></li> <li><a class="icon icon-wallet" href="#">Credits</a></li> </ul> </div> </nav> <!-- /mp-menu --> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/classie.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/mlpushmenu.js"></script> <script type="text/javascript"> new mlPushMenu( document.getElementById( 'mp-menu' ), document.getElementById( 'trigger' ) ); </script> 

Единственная функция js, которая работала на моем сайте. http://tympanus.net/codrops/2010/06/02/smooth-vertical-or- horizontal-page-scrolling-with-jquery/, и теперь я расстраиваюсь

Может ли кто-нибудь помочь мне разрешить это? извините, если мой английский так плохо, спасибо

Solutions Collecting From Web of "Как установить классную функцию javascript в WordPress?"

Я не уверен, что полностью понимаю, но это не рекомендуемый способ загрузки js в WordPress. Обычно вы загружаете скрипты с помощью специальной функции WordPress в файле functions.php вашей темы.

Это wp_enqueue_script (). Подробнее здесь: http://codex.wordpress.org/Function_Reference/wp_enqueue_script

Кстати, WP также имеет свою собственную функцию, которая по существу используется там, где вы можете использовать include (). Это get_template_part () . (Это не имело бы никакого отношения к js, не загружаемому, а просто указывая на это.