jQuery Horizo​​ntal liteAccordion

时间:2012-05-30 00:25:44

标签: jquery jquery-ui jquery-plugins jquery-ui-accordion

我无法让它正常工作。这将显示它在“基本实施”下的网站http://nicolahibbert.com/demo/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,它应该有一些类和样式属性,所以.liteAccordion()对我的div没有任何作用......但是,没有错误?

2 个答案:

答案 0 :(得分:0)

如果没有您引用的文件夹结构,则基于您在标记中添加的网址加载页面时,听起来您的脚本或CSS文件无法被识别。在您喜欢的浏览器中打开页面,点击F12,根据浏览器选择“资源”或“脚本”选项卡,看看是否有任何文件旁边有红色的x。

答案 1 :(得分:0)

好吧,在重新检查资源后,其中任何一个都没有红色x,但确实意识到这些类和什么没有应用于制作手风琴的html。我意识到它正在工作,但CSS没有应用并重新检查我的资源,所需的样式表不在列表中,尽管它在HTML标题中。问题是,正如您在上面发布的代码中看到的那样......

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

这是让我们疯狂的小事,最明显的事情。