3

我查看了http://naghsheh.info/Pivot/Pivot.htm上给出的示例，并试图让它在一个简单的 htm 页面上工作。我已经下载了 jquery.metro.js、jquery-1.6.1.min.js 和 jquery.metro.css 文件，并将其保存在与 html 文件相同的文件夹中。但是最终的 html 并没有按照给定的方式工作。下面是我正在使用的代码

<html>
<head>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.metro.js"></script>
<link type="text/css" rel="Stylesheet" href='jquery.metro.css' />



</head>

<body>
<script type="text/javascript">
$(function () {
$("div.metro-pivot").metroPivot();
});
</script>
<div class='metro-pivot'>
<div class='pivot-item'>
    <h3>your header text</h3> 
    your content 1

</div>

<div class='pivot-item'>
    <h3>header two</h3> 
    your content more content 2
</div>
</div>
</body>
</html>

请帮帮我！

4

1 回答 1

0

我注意到当我将 jQuery 升级到 1.6.1 时，我的停止工作了。我不得不恢复到 jQuery 1.5.1。

此外，将脚本标记与“$("div.metro-pivot").metroPivot();" 在页面的末尾，在加载 div 之后。

于 2011-08-09T01:57:55.983 回答