在mmenu中使用searchfield进行常规搜索

时间:2013-09-18 11:26:48

标签: jquery search mmenu

我正在尝试为我的主页实现mmenu(http://mmenu.frebsite.nl/)。

在高级示例中,有一个搜索菜单内容的搜索字段。 我想知道搜索字段是否可以用作主页上的普通搜索,而不是搜索菜单内容?

我不希望它在每次击键后搜索,但只有在按下ENTER键时才能搜索。这可以吗?

2 个答案:

答案 0 :(得分:5)

这样你就可以创建一个普通的搜索事件:

$("#foo").mmenu({
    searchfield:{
        add: true,
        search: false
    }
});
$("#foo .mm-search input").keyup(function(e){
    if(e.keyCode == 13){
        window.location.href = 'search.php?q=' + $(this).val();
    }
});

答案 1 :(得分:1)

mmenu插件提供了添加搜索字段的选项,而无需添加搜索功能。 这样你就可以将你自己的函数绑定到“change”事件:

$("#foo").mmenu({
    searchfield:{
        add: true,
        search: false
    }
});
$("#foo .mm-search input")
    .bind( "change", function() {
        // do your search

        // maybe close the menu?
        $("#foo").trigger( "close" );
    }
);