0

ページの読み込み時に画像をフェードアウトしようとしています。Jqueryは初めてですが、Googleで有効な回答が見つからなかったため、助けが必要です。何が欠けていますか

WebForm1.aspx

@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Zzz.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script type="text/javascript" id="fadeout">
         $(body).ready(function () {
             $('#Image1').fadeOut(3000);
         });

     </script>

</head>
<body onload="fadeout">
    <form id="form1" runat="server">

        <asp:Image ID="Image1" runat="server" Style =" position:absolute;width:100px;height:100px;left:10px;top:10px; " ImageUrl="~/Photos/facebook.jpg"  />

    </form>
</body>
</html>

WebForm1.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Zzz
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }
    }
}
4

3 に答える 3

1
  1. jquery ライブラリを参照していません。
  2. $(document).ready(function() {...})または_$(function() {...})
于 2013-11-05T21:16:07.153 に答える
0

ヘッドまたはページにjQueryライブラリを含める必要があります。これを配置します（私はCDNを使用していますが、ローカルで入手できます）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

そして、ロードされたページには正しいステートメントを使用する必要があり、最も重要なのは要素を識別するための正しいステートメントを使用する必要があります (ASP.NET は ASP 要素 ID にテキストを追加するため、フレームワークからその ID を取得する必要があります)。

$(function () {
    $('#<%=Image1.ClientID%>').fadeOut(3000);
});

最後に、可能であれば、ASP.NET MVC を使用してプロジェクトを開始するためのアドバイスです。

于 2013-11-05T21:35:09.277 に答える
0

これを試して：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>    
     $(document).ready(function () {
         $('#Image1').fadeOut(3000);
     });
</script>

.cs コードから実行するには:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Zzz
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Page.ClientScript.RegisterStartupScript(this.GetType(), "", "$('#Image1').fadeOut(3000);", true);
        }
    }
}
于 2013-11-05T21:15:30.850 に答える