Question

在Wordpress网站上启动并运行mmenu脚本（不是插件）。我试图添加搜索功能。我可以在菜单项上进行搜索，但网站搜索不起作用。看起来脚本正在进行搜索，但它不会返回任何结果。 mmenu网站提供了一个示例（http://mmenu.frebsite.nl/documentation/addons/searchfield.html）

<script type="text/javascript">
  $(document).ready(function() {
  $("#my-menu").mmenu({
     navbars: {
        content: [ "searchfield" ]
     },
     searchfield: {
        search: false,
        placeholder: "Search the website"
     }
  }, {
     searchfield: {
        form: {
           name: "my-form",
           method: "post"
        },
        input: {
           name: "my-input"
        },
        submit: true
     }
  });

}）;

我不理解这些部分：

 form: {
            **name: "my-form",**
            method: "post"
       },
input: {
            **name: "my-input"**
       },

我需要填写什么？＃34; my-form＆＃34;和＆＃34;我输入＆＃34;？

Answer 1

在WordPress中您可以使用wp_nav_menu_items过滤器添加菜单项

add_filter('wp_nav_menu_items','add_search_box_to_menu', 1, 2);
function add_search_box_to_menu( $items, $args ) { 


        $custom='<li class="Custom-menu-search"><form action="'.home_url().'" id="searchform" method="get"><input type="text"  placeholder="Search For People, News, and Stories" id="s" name="s" value="" autocomplete="off"></form></li>';
            return $custom.$items;

    return $items;
}

Answer 2

解决。它现在正在工作，具有以下设置。

searchfield: {
        form: {
           name: "",
           method: "post"
        },
        input: {
           name: "s"
        },
        submit: true
     },

将（Wordpress）搜索功能添加到mmenu

2 个答案: