JQuery在UpdatePanel中当事件点击后JQuery事件不起作用的解决办法(JQuery与UpdatePanel问题解析)

时间:2022-12-05 19:57:25

原因不多说了,能搜到这儿的都知道是个咋回事,直接写代码了

1、首先 body 如此修改<body onload="load()">

2、将如下代码 放入<script language=’javascript’></script>中

    //解决 jquery 与 updatepanel 不能共存的方法 start
    function load() {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
    }

    function EndRequestHandler() {
        //updatePanel每次回调完成后会调用该参数,如果有需要在updatepanel内放置jquery的代码这里边也需要调用一份。
        //重新注册jquery
        selectXZ();
    }
    //解决 jquery 与 updatepanel 不能共存的方法 end
3、保证selectXZ方法存在于<scirpt>块中
	//选择详址
	function selectXZ()
	{
        $("#xz_a").click(function(){
		    $("#txtXZ").val($("#txtXZ").val()+$("#txtViliage").val()+$("#txtMPH").val());
        });
	}
4、ready块内也放一份
		$(document).ready(function()
	{
        	selectXZ();
	});
5、经过以上几个步骤就ok了实现了,我的项目为:jquery的autoCompleated插件 与UpdatePanel的结合使用。