無法獲得免費的jquery滑塊工作

Question

所以我發現這個免費的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();