2015-04-17 86 views
0

我想在我的引導3.1.1站點上顯示產品滑塊,就像thisthis問題是,當我添加給定的html和css作爲,然後按左右箭頭滑動產品他們被移動到接下來的4個產品,但滑動效果從來沒有隻有文本和圖像變化,因爲我點擊下一步/前箭頭。我加入引導JS和jQueryBootstrap 3.1.1:產品滑塊不起作用

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script> 

我複製所有的代碼按給定的方向,但它仍然沒有顯示所需的幻燈片效果可以有人能幫我嗎?什麼失蹤。代碼可以從給定的鏈接看到

+0

你可以做一個笨蛋或jsfiddle? – dgig

+0

我從這裏複製了確切的代碼http://bootsnipp.com/snippets/featured/carousel-product-cart-slider – Sikander

+1

爲什麼你使用兩個不同版本的jquery,jquery需要在引導之前來嗎 – Jack

回答

1

您應該加載jQuery和只有一個版本,引導前。

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script> 

引導的JavaScript插件需要加載的jQuery首先爲他們工作。

+0

完美得到它的工作...!十分感謝 – Sikander

0

你會嘗試嗎?添加HTTPS:

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> 
+0

仍然無法工作 – Sikander