Question

我在 document.ready 中分配了 J查询事件，我的网页也有 update panel 。当页面中出现 partial post back 时，我会丢失 J query events. document.ready 和 update panel 之间是否存在冲突？我怎么解决这个问题？

Answer 1

回调后，document.ready函数将无效。你需要在每次回复后调用该函数..有多少解决方案

1）使用pageLoad而不是document.ready

 function pageLoad() {
 //execute code
 }

2）或者您可以在回电后注册您的功能

 ScriptManager.RegisterClientScriptBlock(Me.Page, GetType(String), "function",      "try{function();}catch(err){}", True)

3）或者您可以在

中调用您的功能

    function page_EndRequest(sender, args) {
     // your Code
     }

Answer 2

Update Panel和J Query经常阻止彼此协同工作。在您的情况下，解决方案是您需要在更新面板

的部分回发后rebind your J Query event

试试这个

var prmInstance = Sys.WebForms.PageRequestManager.getInstance();

    prmInstance.add_beginRequest(function () {        
        //re-bind jquery events 
    });

    prmInstance.add_endRequest(function () {
        //re-bind jquery events 
    });

Answer 3

将document.ready功能替换为下面的

Sys.Application.add_load(clickUpdate); //It work as document.ready function

function clickUpdate() {

/*Do stuff*/

}

使用Document.ready和更新面板

3 个答案: