同位素-通过关键字和搜索组合过滤器

Question

I'm trying to combine a filter by search and a filter by keyword with Isotope. For the search filter I based my code on http://codepen.io/desandro/pen/wfaGu

You can see my code on http://fiddle.jshell.net/8DJ8V/

At the point I'm at now, it works if you start with a search then use filters. But if the user starts using filters, then tries to search, the search won't work. Probably something wrong in the order I've placed the functions and/or trying to initialize Isotope twice - but I can't get around to it.

Any idea?

Answer 1

The keyup function call the function $container.isotope() again and when you click in some button, the filter gets lost.

So I made some changes in your code: http://fiddle.jshell.net/lucaspedroza/7t8mgont/

On line 32, I add the filter function:

$container.isotope({
    filter: function() {
      return qsRegex ? $(this).text().match( qsRegex ) : '.active';
    },
  });
}, 200 ) );

And clean the input when use the filter so there is no confusion about which filter is being used.

I hope I have help you.

Regards.