如何使用 jquery.metro.js ？无法让它工作？答案

【问题标题】：how to use jquery.metro.js ? Unable to get it working?如何使用 jquery.metro.js ？无法让它工作？
【发布时间】：2011-09-11 13:02:47
【问题描述】：

我查看了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>

请帮帮我！

【问题讨论】：

有js错误吗？你输入$(function ()成功了吗？
我不知道！ :( 都不知道如何检查它！ :(
$("div.metro-pivot").metroPivot(); - 将其替换为 alert('Here');。此外，在 Firefox 中，使用 Tools -> Error Concole 查看此页面上的 javascript 错误
好吧，我在 Firefox 中再次运行它并且运行良好！我想我只在 IE 中遇到这个问题！

标签： jquery html microsoft-metro

【解决方案1】：

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

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

【讨论】：