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