[英]ASP.NET beginner question: How do I implement something like this is my ASP.NET C# website?
我想创建一个像本网站上的常见问题页面
http://www.microsoft.com/windows/windows-7/faq.aspx
当您单击该问题时,答案会扩展。 再次单击它会折叠。
我的问题,答案存储在数据库中。 我用Google搜索并发现有这个JavaScript代码来实现这一点,但也发现了可以使用Repeater Controls完成的事情。
怎么做? 任何教程的链接都会很棒。
你可以用jQuery做到这一点。 假设您有一个页面名称Faq.aspx
。 所以将此代码放入.aspx页面。
<head>
<script src="js/jquery_div.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//hide the all of the element with class msg_body
$(".msg_body").hide();
//toggle the componenet with class msg_body
$(".msg_head").click(function(){
$(this).next(".msg_body").slideToggle(600);
});
});
</script>
<style type="text/css">
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#F4F4F8;
color:Blue;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}
</style>
</head>
在body标签中,您必须放置此代码。
<body>
<p class="msg_head">your titel</p>
<div class="msg_body">
Your logic
</div>
</body>
我真的希望这对你有用。
您可能希望转发器显示问题和答案(具有visibility=hidden
的div
的答案)。 然后,您需要一些JavaScript代码(可能值得查看jQuery库以使其更容易)来挂钩问题的click事件以在客户端显示答案。
使用转发器是因为您有一个“重复”布局,这使得它更简单一些。 您需要JavaScript代码,因为您希望在客户端发生视觉效果。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.