Asp.net 当我使用Metro UI-CSS时，手风琴不工作
我正在构建一个类似windows8模式的web应用程序，所以我使用MetrouiCSS搜索并找到了一个可以创建网站的样式集 具有类似于Windows 8的界面。 我是新来的 在我的应用程序中，首先我需要一个手风琴，所以我阅读了手册并将其应用到我的应用程序中，但不知何故，手风琴不起作用。手风琴的内容没有打开Asp.net 当我使用Metro UI-CSS时，手风琴不工作,asp.net,css,html,Asp.net,Css,Html,我正在构建一个类似windows8模式的web应用程序，所以我使用MetrouiCSS搜索并找到了一个可以创建网站的样式集 具有类似于Windows 8的界面。 我是新来的 在我的应用程序中，首先我需要一个手风琴，所以我阅读了手册并将其应用到我的应用程序中，但不知何故，手风琴不起作用。手风琴的内容没有打开 i am new in "MetroUI-CSS",so i don't know why Accordion is not opening...? please help me to fi
i am new in "MetroUI-CSS",so i don't know why Accordion is not opening...?
please help me to fix it..
Thanks In advance
i am pasting my code here
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ExamStartPage.aspx.cs" Inherits="Project_Irshad.ExamStartPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="css/metro-bootstrap-responsive.css" rel="stylesheet" />
<link href="css/metro-bootstrap.css" rel="stylesheet" />
<script src="js/js/jquery.easing.1.3.min.js"></script>
<script src="js/js/jquery.min.js"></script>
<script src="js/metro/metro-accordion.js"></script>
<title>ExamStart</title>
<style>
.main {
width: 100%;
}
.left_content {
width: 30%;
float: left;
}
.Right_Content {
width: 70%;
float: right;
}
</style>
<script type="text/javascript">
</script>
</head>
<body class="metro">
<form id="form1" runat="server">
<div class="main">
<div class="left_content">
<div class="accordion" data-role="accordion">
<div class="accordion-frame">
<a href="#" class="heading">Section 1</a>
<div class="content">
<a>Hello Every One...</a>
</div>
</div>
<div class="accordion-frame">
<a href="#" class="heading">Section 1</a>
<div class="content">
<a>Hello Every One in section 2</a>
</div>
</div>
</div>
</div>
<div class="Right_Content">
</div>
</div>
</form>
</body>
</html>
我是“MetrouiCSS”的新手，所以我不知道为什么手风琴没有打开。。。？
请帮我修一下。。
提前谢谢
我正在这里粘贴代码
ExamStart
梅因先生{
宽度：100%；
}
.left_内容{
宽度：30%；
浮动：左；
}
.右侧内容{
宽度：70%；
浮动：对；
}
大家好，第二节的每个人
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ExamStart</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="accordion">
<h3>Section 1</h3>
<div>
<p>
Hello Every One Section 1...
</p>
</div>
<h3>Section 2</h3>
<div>
<p>
Hello Every One Section 2...
</p>
</div>
<h3>Section 3</h3>
<div>
<p>
Hello Every One Section 3...
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3>Section 4</h3>
<div>
<p>
Hello Every One Section 4...
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
</p>
</div>
</div>
</form>
</body>
</html>
ExamStart
$（函数（）{
$（“#手风琴”）。手风琴（）；
});
第一节
大家好，第一节。。。
第二节
大家好，每一节2。。。
第三节
大家好，第三节。。。
- 第一项
- 清单项目二
- 清单项目三
第四节
大家好，第四节。。。
暂停欧盟nisl。自由女神。整型贵宾会议。
每一个康努比亚诺斯特拉，每一个
伊塞普托斯·希梅纳奥斯。