jquery - 通常の検索には mmenu の検索フィールドを使用します

Question

ホームページに mmenu ( http://mmenu.frebsite.nl/ ) を実装しようとしています。

高度な例では、メニュー コンテンツを検索する検索フィールドがあります。メニューのコンテンツを検索するのではなく、検索フィールドをホームページの通常の検索として使用できないでしょうか?

また、キーストロークごとに検索するのではなく、ENTER キーを押したときにのみ検索するようにします。これはできますか？

Answer 1

そうすれば、通常の検索イベントを作成できます。

$("#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();
    }
});

Answer 2

mmenu プラグインは、検索機能を追加せずに検索フィールドを追加するオプションを提供します。そうすれば、独自の関数を「変更」イベントにバインドできます。

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

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