Geek asks and answers

How to use jquery.metro.js? Failed to get it to work?

I checked the example given at http://naghsheh.info/Pivot/Pivot.htm and tried to get it working on a simple htm page. I downloaded jquery.metro.js, jquery-1.6.1.min.js and jquery.metro.css files and saved them in the same folder as the html file. But the last html does not work as indicated. Below is the code I'm using

<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>

Please help me!

+3
source share
1 answer

I noticed that my work stopped working when I upgraded jQuery to 1.6.1. I had to go back to jQuery 1.5.1.

, script "$ (" div.metro-pivot "). metroPivot();" divs.

0

More articles:


All Articles