1

我无法让它正常工作。这准确地显示了它在网站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>

我尝试在正文中添加脚本并且没有 $(function() ，因为它显示在网站上，什么都没有。只是一个普通的有序列表。也没有 javascript 错误。我做错了什么？

编辑：此外，当我在页面运行后检查源代码时，没有任何内容应用于应该具有一些类和样式属性的 html，因此 .liteAccordion() 对我的 div 没有任何作用......但同样，没有错误?

4

2 回答 2

0

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

于 2012-05-30T00:40:27.043 回答
0

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

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

这是让我们发疯的最明显的小事。

于 2012-05-30T22:50:58.707 回答