1

私はWebcontrolsを使用してjQueryとASP.NETをテストし、ボタンをクリックすると、新しいたびにサイドをロードします。jQueryコードは、Cssクラスをラベルに追加します。

私のaspx：

      <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="jQueryAnwendung.Main" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>jQuery Anwendung</title>

    <script src="Scripte/jquery-1.8.0.min.js" type="text/javascript"></script>

    <style type="text/css">
        .CssKlasse 
        {
            background:red;
            font-size:40px; 
            }
    </style>

    <script type="text/javascript" language="javascript">

        $(document).ready(function () {
            $("#<%= b1.ClientID%>").click(function (event) {
                $("#<%= bild1.ClientID %>").slideToggle('slow');
            });

        });

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="b1" runat="server" text="Bild verkleinern/vergrößern"/>
        <asp:Image ID="bild1" runat="server" ImageUrl="~/Theme/net.png" Width="50" Height="50" /> 
    </div>
    </form>
</body>
</html>

私に何ができる？

タラソフ

4

4 に答える 4

1

ASPボタンをクリックするとポストバックが発生します-ページがリロードされ、スクリプトが実行されません。代わりにHTMLボタンを使用するか、このボタンでポストバックを無効にしてみてください。

于 2012-08-23T08:44:33.387 に答える
1

ハンドラー内で、ボタンが正常に動作しないようにします。

$("#<%= b1.ClientID%>").click(function (event) {
  event.preventDefault(); //prevent the control to act in its default way
  $("#<%= bild1.ClientID %>").slideToggle('slow');
});
于 2012-08-23T09:11:12.570 に答える
1

生成された ID はより詳細です。ブラウザを開き、[ソースを表示] をクリックします。あなたはそれに気付くでしょう。ID をコピーして jQuery セレクターに貼り付けます。

別の方法は、実行時に生成された : を出力する:b1.clientID内で呼び出すことです。.aspx$("<%= b1.ClientID %>")clientID

ASP.NET 4 以降StaticMode、生成された ID を完全に制御できます。詳細については、http: //msdn.microsoft.com/en-us/library/system.web.ui.control.clientid.aspxを確認してください。

于 2012-08-23T08:40:35.383 に答える
1

ASPコントロールを使用している場合、それを処理するには2つの方法があります

まず、jQuery 関数の変更と変更"#b1です"#l1"。"<%= #b1.ClientID%>""<%= #l1.ClientID %>"

2 つ目は、 andに属性を追加することですClientIDMode="Static"。asp:Buttonasp:Label

于 2012-08-23T08:41:04.807 に答える