jQuery slideDown()方法在ASP.Net页面中不起作用 [英] jQuery slideDown() method not working in ASP.Net page
本文介绍了jQuery slideDown()方法在ASP.Net页面中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已将 jQuery
代码写入 slideDown
div
元素,但它不起作用。
请告诉我代码中的错误是什么。如果没有,建议我用另一种方式写作。
<%@ Page 语言 = C# < span class =code-attribute> AutoEventWireup = true CodeFile = FrmJqueryEvents.aspx.cs 继承 = FrmJqueryEvents %>
< !DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Transitional // EN < span class =code-attribute> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd >
< html xmlns = http://www.w3.org/1999/xhtml >
< head < span class =code-attribute> runat = server >
< script src = jquery-1.8.3.min.js type = text / javascript > < / script >
< title > Jquery事件< / title >
< script < span class =code-attribute> type = text / javascript >
$( document ) .ready( function (){
$( #SlideToDown)。点击( function (){
$( #div5)。slideDown( slow 跨度>);
$( #div6)。slideDown( slow);
$( #div7)。slideDown( slow);
$( #div8)。slideDown( slow);
});
});
< / script >
< style type = text / css >
# div8 ,# div7 ,# div6 ,# div5
{
background-color : #e5eecc;
border-bottom-style : solid;
display : none;
}
< span class =code-keyword>< / style >
< / head >
< body >
< 表格 < span class =code-attribute> id = form1 runat = server style = 宽度:100%;高度:100% >
< table id = tabl2 >
< tr >
< td >
< 按钮 id = SlideToDown 样式 = background-color:#e5eecc; border-bottom-style:solid; >
点击向下滑动< / button >
< ; / td >
< / tr >
< tr >
< td >
< div id = div5 >
子菜单1 < / div >
< / td >
< / tr >
< tr >
< td >
< div < span class =code-attribute> id = div6 >
子菜单2 < span class =code-keyword>< / div >
< / td >
< / tr >
< tr >
< td >
< div id = div7 >
子菜单3 < / div >
< / td >
< / tr >
< tr >
< td > ;
< div id = div8 >
子菜单4 < / div >
< / td > ;
< / tr >
< / table >
< / form >
< / body >
< / html >
解决方案
( document )。ready( function (){
< blockquote>( #SlideToDown)。click( function (){
( #div5)。slideDown( slow);
I have written jQuery
code to slideDown
the div
elements, but it is not working.
Please tell me what is the error in my code. If not, suggest me to write in another way.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmJqueryEvents.aspx.cs" Inherits="FrmJqueryEvents" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<title>Jquery Events</title>
<script type="text/javascript">
$(document).ready(function () {
$("#SlideToDown").click(function () {
$("#div5").slideDown("slow");
$("#div6").slideDown("slow");
$("#div7").slideDown("slow");
$("#div8").slideDown("slow");
});
});
</script>
<style type="text/css">
#div8, #div7, #div6, #div5
{
background-color: #e5eecc;
border-bottom-style: solid;
display: none;
}
</style>
</head>
<body>
<form id="form1" runat="server" style="width:100%;height:100%">
<table id="tabl2">
<tr>
<td>
<button id="SlideToDown" style="background-color: #e5eecc; border-bottom-style: solid;">
Click To Slide Down</button>
</td>
</tr>
<tr>
<td>
<div id="div5">
Submenu1</div>
</td>
</tr>
<tr>
<td>
<div id="div6">
Submenu2</div>
</td>
</tr>
<tr>
<td>
<div id="div7">
Submenu3</div>
</td>
</tr>
<tr>
<td>
<div id="div8">
Submenu4</div>
</td>
</tr>
</table>
</form>
</body>
</html>
解决方案
(document).ready(function () {
("#SlideToDown").click(function () {
("#div5").slideDown("slow");
这篇关于jQuery slideDown()方法在ASP.Net页面中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文