Sidr 导航在 Wordpress 中不起作用

Posted 2023-05-09

【中文标题】Sidr 导航在 Wordpress 中不起作用

【英文标题】：Sidr Navigation is not working in Wordpress

【发布时间】：2014-08-25 05:15:30

【问题描述】：

我试图让this 网站负责。对于这个任务，我试图让sidr 插件工作。但是什么也没发生 :(。有人可以帮我找到问题吗？

我的函数.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！

【参考方案1】：

将其集成到 wordpress 中会遇到一些问题。 Wordpress 以无冲突模式运行，因此开始：

jQuery(document).ready(function()

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

接下来检查控制台（谷歌浏览器右键单击并检查元素，查看控制台？那是出现 js 错误）。在发现问题时解决问题。

【讨论】：

感谢无冲突提示，我更改了代码。但仍然没有响应菜单，不幸的是我的控制台（萤火虫）中没有错误。有什么想法吗？

非常感谢大卫 :)。现在一切都很好，没有冲突的解决方案是解决我问题的解决方案。我看不到菜单链接，因为它在标题下。位置：绝对我找到了链接，一切都很好:)