jQuery Horizontal liteAccordion

我無法讓它正常工作。在「基本實施」下面的網站http://nicolahibbert.com/demo/liteAccordion/中，它恰好顯示了它的顯示方式，它只是一個常規的有序列表。我今天早些時候在一個網站上實現了這個功能，並且它工作得很好，但是現在我回到家了，試圖去做另一個不工作的工作。jQuery Horizontal liteAccordion

下面是一些代碼....

<head> 
<meta charset="utf-8" /> 
<title>506 Media</title> 
<link rel="stylesheet" type="text/css" href="/Content/CSS/Site.css" /> 
<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="/Scripts/modernizr-1.7.min.js"></script> 
<script type="text/javascript" src="/Scripts/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="/Scripts/liteaccordion.jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('#content-container').liteAccordion(); 
    }); 
</script> 
</head>

下面是一些更多的HTML ...

<div id="content-container"> 
<ol> 
    <li> 
     <h2><span>Slide One</span></h2> 
     <div> 
      Test 1 
     </div> 
    </li> 
    <li> 
     <h2><span>Slide Two</span></h2> 
     <div> 
      Test 2 
     </div> 
    </li> 
</ol> 
</div>

我嘗試添加在體內，沒有$腳本（函數（），因爲它顯示在網站上，沒有什麼，只是一個普通的有序列表。沒有javascript錯誤。我做錯了什麼？

編輯：此外，當我運行頁面後檢查源，沒有應用到html w在這裏它應該有一些類和樣式屬性，所以.liteAccordion（）對我的div沒有任何作用......但是，沒有錯誤？

來源

2012-05-30 Shane LeBlanc

那麼，在重新檢查資源之後，沒有發現任何紅色的x，但確實意識到類和不適用於手風琴的html。我意識到它正在工作，但CSS沒有被應用並重新檢查我的資源，所需的樣式表不在列表中，儘管它在HTML標頭中。問題是，你可以在上面貼的代碼看...

<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" /> 
// Should Be 
rel="stylesheet"

它給我們造成堅果小，最明顯的東西..

來源

2012-05-30 22:50:58

沒有您引用的文件夾結構，這聽起來像您的腳本或CSS文件沒有被識別時，頁面加載基於您在標記中的網址。打開您喜愛的瀏覽器中的頁面，按F12，根據瀏覽器選擇「資源」或「腳本」選項卡，查看是否有任何文件旁邊有紅色的x。

來源

2012-05-30 00:40:27

剛纔檢查，他們都在那裏，並沒有一個是紅色的... –

jQuery Horizo​​ntal liteAccordion

回答

相關問題

jQuery Horizontal liteAccordion