漢堡菜單不工作WordPress站點

這裏是我的網站： drawyourpets.com 漢堡菜單不工作WordPress站點

我也跟着教程這裏：http://www.internetkultur.at/simple-hamburger-drop-down-menu-with-css-and-jquery/，但不幸的是我的漢堡包菜單總是可見的（這只是應該是從0-780px visisble）和它不起作用。

我將HTML代碼中的代碼複製並粘貼到header.php中。教程中的代碼從div class =「mobile nav」開始，以各個div結束。我還添加了

<script src="javascript.js"></script>

將header.php鏈接到本教程的JavaScript代碼。 Javascript.js已上傳到兒童主題。

<?php 
/** * Header template * * @package Portfolio Press */?> 
<!DOCTYPE html> 
<html <?php language_attributes(); ?>> 
<head> 
<meta charset="<?php bloginfo('charset'); ?>"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="profile" href="http://gmpg.org/xfn/11"> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> 

<script src="javascript.js"></script> 

<!--[if lt IE 9]> 
<script src="<?php echo esc_url(get_template_directory_uri() . 
'/js/html5.js'); ?>"> 
</script><![endif]--> 

<?php wp_head(); ?></head><body <?php body_class(); ?>><div id="page"> 
<header id="branding"> 
<div class="col-width"> 
<?php $heading_tag = (is_home() || is_front_page()) ? 'h1' : 'div'; ? 
>   

<div class="logo">    
<a href="<?php echo esc_url(home_url('/')); 
?> 
"rel="home">      
<img src="<?php echo esc_url(portfoliopress_get_option('logo')); ? 
>" alt="<?php echo bloginfo('name') ?>"> 
</a>    
</div>   

<div class="site-description">    
<h1 id="pets">DRAW YOUR PETS</h1>    
<h3 id="italic">-The Creative Side- 
</h2>   
</div>   
<div class="clear clearfix"> 
</div>   
<div class="site-navigation primary-navigation" role="navigation"> 

<div class="mobile-nav"> 
<div class="menu-btn" id="menu-btn"> 
<div></div> 
<span></span> 
<span></span> 
<span></span> 
</div> 

<div class="responsive-menu"> 
    <ul> 
     <li><a href="http://drawyourpets.com/"> 
     HOME</a> 
     </li> 
     <li> 
     <a href="http://drawyourpets. 
     com/index.php/audio/"> 
     AUDIO 
     </a> 
     </li> 
     <li><a href="http://drawyourpets.com/index.php/video-3/"> 
     VIDEO 
     </a> 
     </li> 
     <li> 
     <a href="http:// 
     drawyourpets.com/index.php/other/"> 
     OTHER</a> 
     </li> 
     </ul> 
    </div> 
</div> 

<?php wp_nav_menu(array('theme_location' => 'primary', 'menu_class'| 
=> 'nav-menu')); ?>   

</div> 
<div id="main">  
<div class="site-wrapper">

除此之外，我只是說從教程中的CSS到我的子主題的樣式表與此媒體查詢它上面：

@media screen and (min-width: 780px) .menu-btn div {

所以我不知道我做錯了或我需要做些什麼來解決它。如果您有任何想法，請告知我。謝謝！

來源

2016-03-31 HappyHands31

<script src="javascript.js"></script>

首先，路徑是錯誤的; 404;

<script src="<?php bloginfo('template_url'); ?>/js/javascript.js"></script>

bloginfo（'template_url'）;這是你的主題路徑，你可以將javascript.js上傳到相應的路徑

其次，「javascript.js」需要「jquery.js」;所以你必須把它添加到「jquery.js」後面

來源

2016-03-31 02:56:17

你是什麼意思？我是否需要將javascript.js更改爲jquery.js？ - 我試過了，什麼都沒有發生。 – HappyHands31

http://adriennecoleman.drawyourpets.com/javascript.js這是你的js，404 –

你必須加上正確的路徑 –

不，你只是包含一個jQuery文件。補充一點：

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>

你上面的javascript.js

來源

2016-03-31 03:07:09 filosofikode

你是什麼意思「上面你javascript.js」？這是否意味着我寫了這個？ <？php bloginfo（'template_url'）; ？>/JS/JavaScript的。js「> – HappyHands31

是的，只要嘗試一下，並再次發佈，如果你有任何錯誤在這裏:) – filosofikode

漢堡菜單不工作WordPress站點

回答

相關問題