Sidr导航不适用于Wordpress

Question

我试着让这网站负责。在这个任务中，我试图让西德尔插件正常工作。但什么也没发生。有人能帮我找到这个问题吗？

my 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');

my 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>

my js.js:

jQuery(document).ready(function(){

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

my lbg_css.css:

#mobile-header {
    display: none;
}

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

    #page {
            text-align: right;
    }
}

我真的不知道该怎么办？据我所知，这是实现work...but nope的方法，当窗口调整大小时，菜单不会改变，只是文本对齐(用于测试)。

请帮帮我！

非常感谢，来自德国的简！

Answer 1

您将有一些问题集成到wordpress。Wordpress在无冲突模式下运行，因此开始：

jQuery(document).ready(function(){

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

接下来检查控制台(google右键单击并检查元素，请参阅控制台？这是js错误出现的原因)。当你发现问题的时候，就努力解决它们。