菜单搜索栏：搜索表格和位置

Posted 2023-05-08

【中文标题】菜单搜索栏：搜索表格和位置

【英文标题】：mmenu searchfield: search form and position

【发布时间】：2016-09-16 03:21:52

【问题描述】：

我正在为我的网站使用 mmenu jquery 插件。 现在我注意到最新版本中的搜索字段可以配置为搜索表单。

1.我是如何意识到这一点的？

我的正常搜索表单如下所示：

<form action="search.html" method="post">
    <input type="text" name="item" id="searchform" placeholder="Search" />
    <button type="submit" name="submit" id="searchbutton">Search</button>
    <input type="hidden" name="do" value="search" />
    <input type="hidden" name="searchin" value="all" />
    <input type="hidden" name="send" value="1" />
</form>

我试过这个，但它不起作用：

$("#menu").mmenu(
    navbars:  content: [ "prev", "searchfield", "close" ] ,
    searchfield: 
        search: false,
    form: 
        action: "search.html",
        method: "post" ,
    input: 
        type: "text",
        name: "item",
        id: "searchform" ,
    input: 
        type: "hidden",
        name: "do",
        value: "search" ,
    input: 
        type: "hidden",
        name: "searchin",
        value: "all" ,
    input: 
        type: "hidden",
        name: "send",
        value: "1" 
    
);

2.是否可以将搜索栏下移到菜单末尾？

谢谢！

【参考方案1】：

我知道这是一个旧线程，但万一有人也在寻找答案

为了在搜索字段中使用自定义表单，您需要添加配置，而不是选项。所以，正确的格式是：

$("#menu").mmenu(
    navbars:  content: [ "prev", "searchfield", "close" ] ,
    searchfield: 
        search: false
    
,
    "searchfield": 
        form: 
            action: "search.html",
            method: "post" 
        ,
        input: 
            type: "text",
            name: "item",
            id: "searchform" 
        
    
);

您可以更改导航栏的位置：

"navbars": [ "position": "bottom", "content": [ "searchfield" ] ]