jquery fade似乎不起作用
jquery fade似乎不起作用
提问于 2013-06-19 21:44:27
我正在尝试添加一个当我按下按钮时淡入/淡出的div。这是我的ASP头中的代码：
<script type="text/javascript">
$(this.document).ready(function () {
$("#<%=this.button1.ClientID %>").click(function () {
$("#mydiv").fadeToggle();
});
});
</script>然后在body中下面这样：
<asp:Button ID="button1" runat="server" Text="button" />
<div id="mydiv" style="display:none">
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
Load page with fade in effect...<br />
</div>当我测试它时，按钮在那里，但当我按下它时没有任何反应。当我反复按垃圾邮件时，我可以看到div开始淡入/淡出，但只是闪烁了一毫秒。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-06-19 23:42:31
按钮总是make post back，所以您看不到javascript正在运行，因为您的页面已重新加载。
您可以使用return false;或preventDefault()来避免回发，从而看到客户端的副作用。
<script type="text/javascript">
$(this.document).ready(function () {
$("#<%=this.button1.ClientID %>").click(function (event) {
// not let it make post back
event.preventDefault();
$("#mydiv").fadeToggle();
});
});
</script>Stack Overflow用户
发布于 2013-06-19 21:54:51
使用
$("selector").fadeToggle("slow", "linear");它将以缓慢的效果褪色
Stack Overflow用户
发布于 2013-06-19 22:13:25
指定.fadeToggle()的持续时间。默认值是400，这是相当快的。.fadeToggle(1000)会花一秒钟的时间。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17192891
复制相关文章
相似问题
腾讯云开发者
