C# 更新面板阻止jquery工作?
我在一页上有这个脚本C# 更新面板阻止jquery工作?,c#,javascript,jquery,webforms,C#,Javascript,Jquery,Webforms,我在一页上有这个脚本 <script type="text/javascript"> $(document).ready(function () { var btnApplyVoucher = document.getElementById('LbtnApplyVoucher'); var voucher = document.getElementById('TxtVoucher'); $("in
<script type="text/javascript">
$(document).ready(function () {
var btnApplyVoucher = document.getElementById('LbtnApplyVoucher');
var voucher = document.getElementById('TxtVoucher');
$("input.voucherCode").bind('keyup paste', function () {
btnApplyVoucher.setAttribute("class", "displayBlack");
});
$("input.voucherCode").bind('blur', function () {
if (voucher.value == '') {
btnApplyVoucher.removeAttribute("class", "displayBlack");
}
});
});
</script>
$(文档).ready(函数(){
var btnApplyVoucher=document.getElementById('LbtnApplyVoucher');
var凭证=document.getElementById('txt凭单');
$(“input.voucherCode”).bind('keyup-paste',函数(){
setAttribute(“类”,“显示黑色”);
});
$(“input.voucherCode”).bind('blur',function(){
如果(凭证值=“”){
btnApplyVoucher.removeAttribute(“类”,“显示黑色”);
}
});
});
我有一个文本框,它被上面的jquery操作
<asp:UpdatePanel ID="UpdBasket" runat="server">
...
<asp:TextBox ID="TxtVoucher" Text="" runat="server" CssClass="voucherCode" ClientIDMode="Static"/>
...
<asp:LinkButton ID="LbtnUpdateBasket" runat="server" Text="Update Basket" OnClick="LbtnUpdateBasket_Click"/></div>
...
</asp:UpdatePanel>
...
...
...
我的问题是当单击LbtnUpdateBasket并且更新面板更新我的jquery时,我的jquery停止运行?!我不确定我能在这里做些什么,在网上找不到对我有帮助的东西?我相信我的问题与加载页面时运行的
.ready()
有关,但当然,这不会在整个页面加载时在更新上运行,我可以在这里做什么?在更新面板更新时以及页面加载时,您还需要启动jQuery
例如:
<script type="text/javascript">
//Get page request manager
var prm = Sys.WebForms.PageRequestManager.getInstance();
//Add handler for end request (update panel, end update)
prm.add_endRequest(configurePage);
$(document).ready(configurePage);
function configurePage() {
var btnApplyVoucher = document.getElementById('LbtnApplyVoucher');
var voucher = document.getElementById('TxtVoucher');
$("input.voucherCode").bind('keyup paste', function () {
btnApplyVoucher.setAttribute("class", "displayBlack");
});
$("input.voucherCode").bind('blur', function () {
if (voucher.value == '') {
btnApplyVoucher.removeAttribute("class", "displayBlack");
}
});
}
</script>
//获取页面请求管理器
var prm=Sys.WebForms.PageRequestManager.getInstance();
//为结束请求添加处理程序(更新面板,结束更新)
prm.add_endRequest(配置页面);
$(文档).ready(配置页面);
函数配置页(){
var btnApplyVoucher=document.getElementById('LbtnApplyVoucher');
var凭证=document.getElementById('txt凭单');
$(“input.voucherCode”).bind('keyup-paste',函数(){
setAttribute(“类”,“显示黑色”);
});
$(“input.voucherCode”).bind('blur',function(){
如果(凭证值=“”){
btnApplyVoucher.removeAttribute(“类”,“显示黑色”);
}
});
}
您还需要在更新面板更新以及页面加载时启动jQuery
例如:
<script type="text/javascript">
//Get page request manager
var prm = Sys.WebForms.PageRequestManager.getInstance();
//Add handler for end request (update panel, end update)
prm.add_endRequest(configurePage);
$(document).ready(configurePage);
function configurePage() {
var btnApplyVoucher = document.getElementById('LbtnApplyVoucher');
var voucher = document.getElementById('TxtVoucher');
$("input.voucherCode").bind('keyup paste', function () {
btnApplyVoucher.setAttribute("class", "displayBlack");
});
$("input.voucherCode").bind('blur', function () {
if (voucher.value == '') {
btnApplyVoucher.removeAttribute("class", "displayBlack");
}
});
}
</script>
//获取页面请求管理器
var prm=Sys.WebForms.PageRequestManager.getInstance();
//为结束请求添加处理程序(更新面板,结束更新)
prm.add_endRequest(配置页面);
$(文档).ready(配置页面);
函数配置页(){
var btnApplyVoucher=document.getElementById('LbtnApplyVoucher');
var凭证=document.getElementById('txt凭单');
$(“input.voucherCode”).bind('keyup-paste',函数(){
setAttribute(“类”,“显示黑色”);
});
$(“input.voucherCode”).bind('blur',function(){
如果(凭证值=“”){
btnApplyVoucher.removeAttribute(“类”,“显示黑色”);
}
});
}
单击按钮时,将发送AJAX请求,然后根据该请求的结果重新创建UpdatePanel
的整个HTML内容。然后需要重新应用JQuery代码所做的所有更改。您需要确保重新应用这些JQuery绑定的适当代码在您的链接按钮的点击处理程序中运行。当您点击一个按钮时,AJAX请求被发送,然后根据该请求的结果重新创建UpdatePanel
的整个HTML内容。然后需要重新应用JQuery代码所做的所有更改。您需要确保重新应用这些JQuery绑定的适当代码在您的链接按钮的单击处理程序中运行