Sidr導航不能在Wordpress中工作

Question

我試圖讓this網站負責。爲了這個任務，我試圖讓sidr插件工作。但沒有發生:(誰能幫我找到這個問題

我的functions.php：？

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11); 
function my_jquery_enqueue() { 
    wp_deregister_script('jquery'); 
    wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js", false, null); 
    wp_enqueue_script('jquery'); 
} 

function lbg_enqueue_scripts() { 
    wp_enqueue_style('lbg_style', get_template_directory_uri() . '/lbg_css.css'); 
    wp_enqueue_style('sidr_style', get_template_directory_uri() . '/css/jquery.sidr.dark.css'); 

    wp_register_script('sidr', get_template_directory_uri() . '/js/jquery.sidr.min.js' , array('jquery'), '1.0', false); 
    wp_register_script('js', get_template_directory_uri() . '/js/js.js' , array('jquery'), '1.0', false); 

    wp_enqueue_script('sidr'); 
    wp_enqueue_script('js'); 
} 
add_action('wp_enqueue_scripts', 'lbg_enqueue_scripts'); 

function viewport_meta() { 
    ?> 
     <meta name="viewport" content="width=device-width, initial-scale=1"/> 
    <?php 
} 
add_filter('wp_head', 'viewport_meta'); 

我的header.php：

<div id="page"> 
    <div id="header"> 
     <div id="mainpic"></div> 
     <div id="mobile-header"> 
     <a id="responsive-menu-button" >Menu</a> 
     </div> 
     <div id="mynavigation"> 
     <nav class="nav"> 
      <ul id="pagetabs"> 
       <?php wp_list_pages('exclude=13&sort_column=post_date&title_li='); ?> 
      </ul> 
     </nav> 
     </div> 
    </div> 

我的js .js：

jQuery(document).ready(function(){ 

     $('#responsive-menu-button').sidr({ 
     name: 'sidr-main', 
     source: '#mynavigation' 
     }); 
    }) 

個

我lbg_css.css：

#mobile-header { 
    display: none; 
} 

@media only screen and (max-width: 767px){ 
    #mobile-header { 
     display: block; 
    } 

    #page { 
      text-align: right; 
    } 
} 

我真的不知道該怎麼做了嗎？對於我的理解，這是讓它工作的方法......但不是，菜單在窗口大小調整時不會改變，只是文本對齊（用於測試）。

請幫忙！

非常感謝，來自德國的Jan！

Answer 1

你將會有一些問題將這個問題整合到wordpress中。 WordPress的，在不衝突模式運行，這樣開始：

jQuery(document).ready(function(){ 

    jQuery('#responsive-menu-button').sidr({ 
    name: 'sidr-main', 
    source: '#mynavigation' 
    }); 
}) 

下一個檢查控制檯（谷歌瀏覽器點擊右鍵並檢查元素，看到控制檯這就是JS都出現錯誤？）。在您發現問題時解決問題。