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; 
    } 
} 

Я действительно не знаю, что делать еще? Для моего понимания это способ заставить его работать ... но нет, меню не меняется при изменении размера окна, просто выравнивание текста (для теста).

Пожалуйста, помогите!

Большое спасибо, Ян из Германии!

Answer 1

у вас будет несколько вопросов, интегрирующих это в wordpress. Wordpress работает в режиме без конфликтов так, чтобы начать:

jQuery(document).ready(function(){ 

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

следующей проверку консоли (Google Chrome правой кнопки мыши и осмотрите элемент, см консоли Thats были JS появляются ошибки?). Работайте над проблемами по мере их нахождения.