jquery在.net 2.0中不起作用
我有VS2005和.net 2.0…我的代码如下:jquery在.net 2.0中不起作用,jquery,asp.net-2.0,Jquery,Asp.net 2.0,我有VS2005和.net 2.0…我的代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Edw.aspx.cs" Inherits="BenefitsPaymentSystem.Edw" MasterPageFile="~/Main.Master" %> <asp:Content ContentPlaceHolderID="ContentPlaceHolder1" ID="EDWC
<%@ 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>
大小写和后缀
SSN
CIN
名/姓
$(文档).ready(函数(){
警报(“”);
});
函数slidein()
{
警报(“”);
$('ctl00'u ContentPlaceHolder1'u pnlClientSearch').fadeIn('slow',3000);
//$('clientdiv').fadeIn('slow');
//retunr false;
}
fadeIn不工作…尽管正在调用jquery文档ready。。。。
我没有任何脚本错误…我希望面板滑入…我还尝试了slidein…从链接中删除href=“#”属性,或者在slidein()函数结尾处“return false”以防止导航离开页面
还可以查看如何通过jQuery方式防止默认事件行为
$(document).ready(function() {
$('#lnkSearch').click(function(e) {
e.preventDefault();
slidein();
});
});
如果不看更多的代码,我不确定,但我会尝试两件事- 首先,在脚本调试器中,验证面板的clientID确实是ctl00\u ContentPlaceholder 1\u pnlClientSearch
其次,也在脚本调试器中,验证$('#ctl00_ContentPlaceHolder1_pnlClientSearch)是否解析为jquery对象 在事件处理程序中返回false,以防止链接重新加载页面:
<a id="lnkSearch" href="#" onclick="slidein();return false;">
我在代码中没有看到对jQuery库的引用。它是否存在于此示例块之外?是的,它在母版页中…它肯定包含为document.ready生成警报…如果它未包含…document ready不会让workedi返回false…它不工作,并且它给出了脚本错误,因为我键入了错误的拼写以返回…但它仍然没有工作…??好的。。。然后考虑改变你将点击事件绑定到锚的方式。首选的方法是在DocumentReady函数中通过jquery处理它。您可以在上面的链接中看到一个示例。我也会编辑我的帖子,告诉你怎么做。没有希望…我做了你做的…从“a”中删除了onclick标记,但它仍然不工作…只是为了看看它是否在os working中添加了一个警报在document ready function中的绑定函数的回调中它是id…通过firefox验证…但我不知道第二个语句是什么意思…我正在编辑我的代码并包括整个页面…所以很清楚我在做什么…请在代码中提供帮助在上面,我注意到您向slideIn方法添加了一个警报。警报触发了吗?没有希望……我做了你做的……从“a”标记中删除了onclick,但它仍然不起作用……只是想看看它是否在文档就绪函数中绑定函数的回调中添加了警报—@abbas:Your
fadeIn
调用看起来很奇怪;您有两种不同的持续时间设置。尝试对持续时间仅使用一个设置:.fadeIn('slow')
。
$(document).ready(function(){
$('#lnkSearch').click(function(e){
slidein();
e.preventDefault();
});
});