我有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文件准备就绪正在被调用.... 我没有任何脚本错误....我希望面板滑入...我也试过了幻灯片......
答案 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();
});
});