当我使用Metro Ui-Css时，手风琴不起作用 [英] Accordion Is Not Working When I Am Using Metro Ui-Css
问题描述
你好朋友，
i正在构建一个看起来像windows8 Pattern的Web应用程序，所以我搜索并找到了使用MetroUI-CSS，你可以在其中设置一组样式来创建一个类似界面的网站到了Windows 8。我在我的应用程序中首先需要一个手风琴，所以我阅读了手册并将其应用到我的应用程序中，但不知何故Accordion无法正常工作Accordion的内容未打开。
i是MetroUI-CSS中的新手，所以我不知道为什么手风琴不能打开...？
请帮我解决..
谢谢提前
i我在这里粘贴我的代码
<％@ < span class =code-attribute> Page 语言 = C＃ AutoEventW ireup = true CodeBehind = ExamStartPage.aspx.cs 继承 = Project_Irshad.ExamStartPage ％>
< ！DOCTYPE html >
< ; html xmlns < span class =code-keyword> = 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 = 样式表 / >
< script src = js / js / jquery.easing.1.3.min.js > < / < span class =code-leadattribute> script >
< script src = js / js / jquery.min.js > < / script >
< script src = js / metro / metro- accordion.js > < / script >
< 标题 > ExamStart < / title >
< 样式 >
。 main {
width ： 100％;
}
。 left_content {
width ： 30％;
float ： left;
}
。 Right_Content {
width ： 70％;
float ： 右;
}
< / style >
< script 类型 = text / javascript >
< / script >
< / head >
< body class = metro >
< 表格 id = form1 runat = < span class =code-keyword> server >
< div class = main >
< div class = left_content >
< div < span class =code-attribute> class = accordion data-role = accordion >
< div class = accordion-frame >
< a href = ＃ 类 = 标题 > 第1节< / a >
< div class = content >
< a > Hello Every One ... < / a >
< / div >
< / div >
< div < span class =code-attribute> class = accordion-frame >
< a < span class =code-attribute> href = ＃ class = 标题 > 第1节< / a >
< div < span class =code-attribute> class = content >
< a > 第2部分中的Hello Every One < < span class =code-leadattribute> / a >
< / div >
< / div >
< / div >
< / div >
< < span class =code-leadattribute> div class = Right_Content >
< / div >
< / div >
< span class =code-keyword>< / form >
< / body >
< / html >
您是否使用过开发者工具？在你的浏览器中检查js错误？
就你发布的内容而言，在jQuery本身之前添加jQuery缓动的引用可能是你的问题。
hello friends,
i am building a web application that should look like windows8 Pattern, so i searched and found using MetroUI-CSS where you can have set of styles to create a site with an interface similar to Windows 8. i am new in it in my application first i need a Accordion,so i read the manuals and apply it in my application but somehow Accordion is not working the content of Accordion is not opening.
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>Did you use the developer tools in your browser to check for js errors?
Just from what you posted you are adding the reference for jQuery easing before jQuery itself that might be your problem.
这篇关于当我使用Metro Ui-Css时，手风琴不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
