jquery无法在.net 2.0中工作

时间:2011-05-10 19:51:39

标签: jquery asp.net-2.0

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

fadeIn无法正常工作......尽管jquery文件准备就绪正在被调用.... 我没有任何脚本错误....我希望面板滑入...我也试过了幻灯片......

3 个答案:

答案 0 :(得分:1)

从链接中删除href =“#”属性,或者在slidein()函数末尾“返回false”,以防止离开页面。

还要查看http://api.jquery.com/event.preventDefault/以了解如何以jQuery方式阻止默认事件行为。

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

答案 1 :(得分:0)

不确定没有查看更多代码,但我会尝试两件事 -

首先,在脚本调试器中,验证面板的clientID是否确实是ctl00_ContentPlaceHolder1_pnlClientSearch。

其次,同样在脚本调试器中,验证$('#ctl00_ContentPlaceHolder1_pnlClientSearch)是否解析为jquery对象。

答案 2 :(得分:0)

在事件处理程序中返回false以防止链接重新加载页面:

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

您也可以在jQuery代码中挂钩事件处理程序,并使用preventDefault方法:

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