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都出现错误？）。在您发现问题时解决问题。