jQuery和ASP.NET页面加载

我用Webcontrols测试jQuery和ASP.NET，并且在我的测试中，如果点击按钮，每次都会加载Side。 jQuery代码添加一个Css类到标签。jQuery和ASP.NET页面加载

我的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>

我能做些什么？

tarasov

来源

2012-08-23 Tarasov

你怎么想？如果您的按钮不应将消息发送到服务器，请勿使用。使用html按钮。 –

在开关语句后添加返回错误 – Ashirvad

处理程序内，防止按钮从正常行为：

$("#<%= b1.ClientID%>").click(function (event) { 
    event.preventDefault(); //prevent the control to act in its default way 
    $("#<%= bild1.ClientID %>").slideToggle('slow'); 
});

来源

2012-08-23 09:11:12 roland

生成的ID更详细;打开浏览器并点击查看源文件。你会注意到它。将ID复制并粘贴到您的jQuery选择器中。

另一种方法是在您的.aspx：$("<%= b1.ClientID %>")内部拨打b1.clientID，它将在运行时输出生成的clientID。

由于ASP.NET 4,StaticMode允许您完全控制生成的ID。欲了解更多信息，检查出来：http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientid.aspx

来源

2012-08-23 08:40:35 roland

，如果你使用的ASP控制你有2种方法来处理它

首先是改变"#b1和"#l1"到"<%= #b1.ClientID%>"和"<%= #l1.ClientID %>"在你的jQuery函数

二是将属性ClientIDMode="Static"添加到您的asp:Button和asp:Label

来源

2012-08-23 08:41:04 harry180

它不起作用:( – Tarasov

哪种方式不起作用？编辑你的问题并显示你是如何做到的:) – harry180

期待我的更新...：P – Tarasov

Asp按钮会导致当您单击它时回发 - 页面重新加载并且您的脚本未执行，您可以改用HTML按钮或尝试禁用此按钮上的回发。

来源

2012-08-23 08:44:33

jQuery和ASP.NET页面加载

回答

相关问题