2012-07-13 53 views
0

我正在嘗試將Coin Slider整合到我的頁面中,並且我已經下載並附加了最新的Jquery到我的頭文件以及所有必要的Coin-slider文件。但是,頁面只是簡單地疊加圖像,就好像我只是插入了標籤一樣。Jquery Coin Slider - 根本不工作

所有文件的路徑都是正確的。我試着按照他關於「如何安裝」頁面的說明,沒有成功。它不適用於IE8或最新版本的Chrome或Firefox。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" href="css/paradigm.css" type="text/css" /> 
<link rel="stylesheet" href="css/coin-slider-styles.css" type="text/css" /> 
<script type="text/javascript" src="js/coin-slider.min.js"></script> 
<script type="text/javascript" src="js/coin-slider.js"></script> 
<script type="text/javascript" src="js/jquery-1.7.2.js"></script> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Paradigm Solutions</title> 
</head> 
<body> 
    <div id="container"> 
    <div id="header"></div> 
    <div id="navbar"></div> 
    <div id="leftMenu"></div> 
    <div id="coin-slider"> 
     <a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie/home/" target="_blank"> 
       <img src="http://www.vexite.com/images/2011/06/browser-war-illustration.jpg" alt="IESucks" /> 
       <span> 
        <b>Don't Use IE</b><br /> 
        Internet Explorer is an inferior product that should be destroyed. 
       </span> 
      </a> 

     <a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie/home/" target="_blank"> 
       <img src="http://www.vexite.com/images/2011/06/browser-war-illustration.jpg" alt="IESucks" /> 
       <span> 
        <b>Don't Use IE</b><br /> 
        Internet Explorer is an inferior product that should be destroyed. 
       </span> 
      </a> 
    </div> 


    </div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#coin-slider').coinslider(); 
    }); 
</script> 
</body> 
</html> 

回答

4

<script type="text/javascript" src="js/coin-slider.min.js"></script> 
<script type="text/javascript" src="js/coin-slider.js"></script> 
<script type="text/javascript" src="js/jquery-1.7.2.js"></script> 

<script type="text/javascript" src="js/jquery-1.7.2.js"></script> 
<script type="text/javascript" src="js/coin-slider.min.js"></script> 

硬幣滑塊依賴於jQuery的,因此必須將其加載之前更改腳本標記....我會建議你刪除js/coin-slider.js因爲js/coin-slider.min.jsjs/coin-slider.js是一回事...... .min只是其他的縮小版本

+1

Curses。Beaten by 43 seconds。+1 :) – 2012-07-13 14:45:48

+0

OMG ..對我而言,這是多麼的簡單。哇。我覺得自己像個白癡。 你是三國真正的英雄,先生。 – 2012-07-13 14:45:58

+0

@ SiriusMane我們都在那裏......我敢打賭,你不會再犯這個錯誤;-) – ManseUK 2012-07-13 14:47:28

1

您的JavaScript文件包含的順序非常重要。 jQuery應該始終是第一位的(正如在生產文檔中所表明的那樣)。此外,你不需要兩個硬幣滑塊包括。該.min就足夠:

<script type="text/javascript" src="js/jquery-1.7.2.js"></script> 
<script type="text/javascript" src="js/coin-slider.min.js"> 
+0

+1 43秒:-) – ManseUK 2012-07-13 14:46:28

0

它工作得很好

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="coin-slider.min.js"></script> 

<link rel="stylesheet" href="styles.css" type="text/css" /> 
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" /> 

check this link for code

1

這一個可能聽起來很明顯,但在硬幣滑塊包不總是打包使用jQuery,所以確保你的jQuery文件夾在你的javascript文件夾中,然後再連接它c(: