CODEWITHSUNDEEP
jqueryjquery-plugins
user1341808
user1341808

Reputation: 259

jQuery plugin MixItUp not working

I followed the instructions in this tutorial to get MixItUp to work: https://mixitup.kunkalabs.com/learn/tutorial/get-started/

I'm just trying to get the filtering working, but I'm not sure what I'm doing wrong.

Here's my fiddle: http://jsfiddle.net/LY2Nj/

<div class="controls">
  <button class="filter" data-filter="all" type="button">
    Show all
  </button> 
  <button class="filter" data-filter=".yellow" type="button">
    Yellow
  </button>
  <button class="filter" data-filter=".green" type="button">
    Green
  </button>
  <button class="filter" data-filter=".red" type="button">
    Red
  </button>    
</div>

<div id="color-container">
  <div class="mix yellow">
      <p>Yellow</p>
  </div>
  <div class="mix green">
      <p>Green</p>
  </div>    
  <div class="mix red">
      <p>Red</p>
  </div>    
</div>

js

$(document).ready(function(){
  // Start mixitup
  $('#color-container').mixItUp();
});

css

#color-container .mix{
  display: none;
}

Upvotes: 1

Views: 7700

Answers (1)

user3434913
user3434913

Reputation: 46

I was able to get your fiddle to work by adding the external MixItUp core script:

http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js

Upvotes: 3

Related Questions