我正在使用一个mixitup过滤器，但无法弄清楚为什么它不工作。
我的过滤器的HTML代码：

<!-- Mix it up filter-->
  <section class="work-box">
   <div class="container">
  <div class="row">
   <div class="col-lg-12">
    <div class="box-menu">
      <ul>
        <li class="mixitup-control-active" data-filter="*">All</li>
        <li data-filter=".photo">photography</li>
        <li data-filter=".ui">ui / ux</li>
        <li data-filter=".paint">painting</li>
      </ul>
    </div>
   </div>
   </div>

   <div class="row box-list">
  <div class="col-lg-4 mix box-item photo paint">
    <img src="assets/img/img1.jpg" alt="">
  </div>
  <div class="col-lg-4 mix box-item ui">
    <img src="assets/img/img2.jpg" alt="">
  </div>
  <div class="col-lg-4 mix box-item ui">
    <img src="assets/img/img3.jpg" alt="">
  </div>
  <div class="col-lg-4 mix box-item paint">
    <img src="assets/img/img4.jpg" alt="">
  </div>
  <div class="col-lg-4 mix box-item paint">
    <img src="assets/img/img5.jpg" alt="">
  </div>
  <div class="col-lg-4 mix box-item photo ui">
    <img src="assets/img/img6.jpg" alt="">
  </div>
    </div>
     </div>
    </section>`

字符串
我的JavaScript代码添加到我的HTML代码：

<script>
   $(document).ready(function(){
     var mixer = mixitup('.box-list')
     });
    </script>

型
我也有css代码，但我不认为这是必要的。当我按下我的盒子菜单上的按钮时，什么也没有发生。我仍然在“全部”过滤器中。有人能帮我找出问题所在吗？
这是我曾经尝试过的：
1.删除了我的JavaScript代码，我在脚本文件。还是不行
1.尝试在我的cdn链接更改。删除一些，添加新的。
抱歉，我问了个愚蠢的问题。我对网页设计很陌生。