jQuery 插件 MixItUp 不工作

Question

我按照本教程中的说明让 MixItUp 工作： https://mixitup.kunkalabs.com/learn/tutorial/get-started/

我只是想让过滤器正常工作，但我不确定我做错了什么。

这是我的小提琴：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;
}

Answer 1

我能够通过添加外部 MixItUp 核心脚本来让你的小提琴工作：

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