的jQuery在.NET 2.0

Question

不工作我有VS 2005和.NET 2.0 ...我的代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Edw.aspx.cs"  Inherits="BenefitsPaymentSystem.Edw" MasterPageFile="~/Main.Master" %> 




<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" ID="EDWContent" runat="server"> 
<asp:Panel ID="pnlSearchEDW" GroupingText="Search Enterprise Dataware House " runat="server" CssClass="panel"> 

    <asp:RadioButtonList Visible="false" ForeColor="midnightblue" ID="rblEDWSearchOtpions" runat="server" RepeatDirection="Horizontal" CellPadding="5" CellSpacing="10" OnSelectedIndexChanged="rblEDWSearchOtpions_Change" AutoPostBack="true" > 
    <asp:ListItem Text="Client Serach" Value="Client"></asp:ListItem> 
    <asp:ListItem Text="Program Area Search" Value="Program"></asp:ListItem> 
    </asp:RadioButtonList> 
    <a id="lnkSearch" href="#" onclick="slidein();return false;">Begin Client Search</a> 
    <br /> 
    <br /> 
</asp:Panel> 
<br /> 
<br /> 

<div id="clientdiv"> 
<asp:Panel id="pnlClientSearch" runat="server" CssClass="panel" Visible="true" GroupingText="Client Search"> 
    <table> 
     <tr> 
      <td class="textCell">Case# and Suffix</td> 
      <td class="dataCell"> 
      <asp:TextBox ID="txtCaseAndSuffix" runat="server"></asp:TextBox> 
      </td> 
      <td class="textCell">SSN</td> 
      <td class="dataCell"> 
      <asp:TextBox ID="txtSSN" runat="server"></asp:TextBox> 
      </td> 
     </tr> 

     <tr> 
      <td class="textCell">CIN</td> 
      <td class="dataCell"> 
      <asp:TextBox ID="txtCIN" runat="server"></asp:TextBox> 
      </td> 

      <td class="textCell">First/Last Name</td> 
      <td class="dataCell"> 
      <asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox> 
      </td> 

     </tr> 


    </table> 
</asp:Panel> 
</div> 

<asp:Panel ID="pnlProgramAreaSearch" runat="server" CssClass="panel" Visible="false" GroupingText="Program Area Search"> 
<table> 
    <tr> 
    <td class="textCell"></td> 
    <td class="dataCell"> 
    <asp:DropDownList ID="dddPrgramSearchList" runat="server" CssClass="ddl" Width="150pt"> 
     <asp:ListItem Text="PA" Value="PA"></asp:ListItem> 
     <asp:ListItem Text="NPA" Value="NPA"></asp:ListItem> 
     <asp:ListItem Text="MA" Value="MA"></asp:ListItem> 
     <asp:ListItem Text="ALL" Value="ALL"></asp:ListItem> 
     </asp:DropDownList> 
    </td> 
    </tr> 

</table> 
</asp:Panel> 
<script type="text/javascript" language="javascript"> 

$(document).ready(function() { 
alert(''); 
}); 

function slidein() 
{ 
alert(''); 

    $('#ctl00_ContentPlaceHolder1_pnlClientSearch').fadeIn('slow',3000); 
    //$('#clientdiv').fadeIn('slow'); 
    //retunr false; 

} 
</script> 

的淡入是不工作... altough jQuery的文件准备被callledd .... 我没有任何脚本错误....我想面板在幻灯片...我ASLO尝试了作为的slideIn以及....

Answer 1

要么删除HREF = “＃”属性，或者在slidein（）函数结束时返回“false”，以防止导航离开页面。

也检出http://api.jquery.com/event.preventDefault/看看如何防止默认事件行为的jQuery方式。

$(document).ready(function() { 
    $('#lnkSearch').click(function(e) { 
     e.preventDefault(); 
     slidein(); 
    }); 
}); 

Answer 2

不知道不看更多的代码，但是有两件事我会试戴

首先，在脚本调试，验证面板的clientID的确实是ctl00_ContentPlaceHolder1_pnlClientSearch。

其次，在脚本调试器中，验证$（'＃ctl00_ContentPlaceHolder1_pnlClientSearch）解析为jquery对象。

Answer 3

返回在事件处理虚假来保持链路从重新加载页面：

<a id="lnkSearch" href="#" onclick="slidein();return false;"> 

您也可以连接在jQuery代码的事件处理程序，而是和使用preventDefault方法：

$(document).ready(function(){ 
    $('#lnkSearch').click(function(e){ 
    slidein(); 
    e.preventDefault(); 
    }); 
});