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

の期間を指定し.fadeToggle()ます。デフォルトは 400 で、かなり高速です。 .fadeToggle(1000)秒かかります。

于 2013-06-19T14:13:25.327 に答える