这个代码没有在.aspx网页上运行有什么问题 [英] What is wrong with this code that does not run on .aspx web pages
本文介绍了这个代码没有在.aspx网页上运行有什么问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
此代码无法在.aspx网页上运行有什么问题
请帮助我
What is wrong with this code that does not run on .aspx web pages
Please help me
<style>
#Slider {
}
#Actual {
background: silver;
color: White;
padding: 20px;
}
.slideup, .slidedown {
max-height: 0;
overflow-y: hidden;
-webkit-transition: max-height 0.8s ease-in-out;
-moz-transition: max-height 0.8s ease-in-out;
-o-transition: max-height 0.8s ease-in-out;
transition: max-height 0.8s ease-in-out;
}
.slidedown {
max-height: 60px ;
}
</style>
</head>
<body>
<div class="container" style="padding: 40px">
<button id="Trigger">Trigger Slideup/SlideDown</button>
<div id="Slider" class="slideup">
<div id="Actual">
Hello World Text
</div>
</div>
</div>
<script data-require="jquery@2.0.3" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script>
$("#Trigger").click(function () {
$("#Slider").toggleClass("slidedown slideup");
});
</script>
</body>
</html>
推荐答案
(#Trigger)。click(function(){
("#Trigger").click(function () {
(#Slider)。toggleClass(slidedown slideup);
});
< / script >
< / body >
< / html >
("#Slider").toggleClass("slidedown slideup"); }); </script> </body> </html>
问题在于此标签< button id =Trigger> Trigger Slideup / SlideDown< / button>
The problem is with this tag <button id="Trigger">Trigger Slideup/SlideDown</button>
in Asp.net we can use
<asp:Button ID="Button1" runat="server" Text="Button"/>
用于服务器控制或
<input type="button" id="Button1" value="Search" />
用于html控件。
所以尝试替换< button id =Trigger> Trigger Slideup / SlideDown< / button> to
for html control.
so try to replace <button id="Trigger">Trigger Slideup/SlideDown</button> to
<asp:Button ID="Button1" runat="server" Text="Button"/>
或者这个
or to this
<input type="button" id="Button1" value="Search" />
根据您的要求。
这篇关于这个代码没有在.aspx网页上运行有什么问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文