翻盖js插件不起作用

Question

我试图使用https://nnattawat.github.io/flip/但是继续

  

$（...）。flip不是函数

我已经检查了Uncaught TypeError: $(...).flip is not a function这个问题了。 我从cdn加载flip.js。

这里我包含插件

<script src="https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.js"></script>

我在这里调用该函数。

   btn.addEventListener('click', function () {
        var flips = '#' + flipArr[i].id;
        $(flips).flip();
    });

这里将flip.js加载到浏览器