1

我正在尝试添加一个在我按下按钮时淡入/淡出的 div。这是我的 ASP 头中的代码:

<script type="text/javascript">
   $(this.document).ready(function () {
      $("#<%=this.button1.ClientID %>").click(function () {
         $("#mydiv").fadeToggle();
      });
   });
</script>

然后在正文中:

<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 开始淡入/淡出,但只是闪烁了一毫秒。

4

3 回答 3

1

该按钮始终是回发,因此您没有看到 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>
于 2013-06-19T15:42:30.817 回答
0

利用

$("selector").fadeToggle("slow", "linear");

它会慢慢褪色

于 2013-06-19T13:54:51.283 回答
0

指定 的持续时间.fadeToggle()。默认值为 400,这非常快。 .fadeToggle(1000)将需要一秒钟。

于 2013-06-19T14:13:25.327 回答