Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/322.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 更新面板阻止jquery工作?_C#_Javascript_Jquery_Webforms - Fatal编程技术网

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绑定的适当代码在您的链接按钮的单击处理程序中运行