无法获得免费的Jquery Slider工作

Question

所以我找到了这个我要添加到我的网页的Free Jquery滑块。 https://newsignature.com/jcoverflip

我已按照提供的安装指南进行操作：https://github.com/NewSignature/jcoverflip

当我在体内做这个HTML时：

<ul id="flip">
<li><a><img src="England.png"><span class="title">My title</span></a></li>
<li><a><img src="Denmark.png"><span class="title">My title</span></a></li>

</ul>
<script>
$(function(){
$('#flip').jcoverclip();
});
</script>

这个内幕：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.ui.js"></script>
<script type="text/javascript" src="jquery.jcoverflip.js"></script>

这是我的css：

.ui-jcoverflip {position: relative;}
.ui-jcoverflip--item {position: absolute; display: block;}

然而我唯一能摆脱这种情况的是两张照片，彼此之间完全没有互动。

我已将Jquery 2.1.4和Jquery ui 1.11.4自定义和Jcoverflip添加到我的项目文件夹中。

任何人都可以确认这个滑块有效吗？我做错了什么？

感谢您提前做出的任何贡献

Answer 1

尝试改变：

$('#flip').jcoverclip(); 

要：

$('#flip').jcoverflip();