Question

我在我的网站上使用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.是否可以将搜索字段向下移动到菜单的末尾？

谢谢！

Answer 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" ] } ]

mmenu searchfield：搜索表单和位置

1 个答案: