2010-04-14 73 views
0

我在我的頁面上有一個更新面板,其中一些鏈接具有觸發JQuery框彈出的onClick事件。這工作正常,除非發生AJAX回發。我看到另一篇文章的一些代碼:ASP.NET UpdatePanel從工作中停止JQuery

Page.ClientScript.RegisterStartupScript(TypeOf(Page), 'ajaxTrigger1', 'Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);', true); 
Page.ClientScript.RegisterClientScriptBlock(TypeOf(Page), 'EndRequest1', 'function EndRequestHandler(sender, args){AsyncDone();}', true); 
我所用,但它似乎並不奏效

。我一直沒有定義AsyncDone。有沒有人有任何想法,我可以做什麼來解決這個問題呢?

詳情:ASP.NET 2,IIS7

在此先感謝。

回答

1

我通過不使用jQuery中的document.ready對此進行了排序。相反,我用:

function pageLoad(sender, args) { //code } 

我還沒有看到任何不利影響,所以希望這會排序我的問題。

+0

得到了同樣的問題,你得到了修復... – eugeneK 2010-07-20 09:48:31

+0

很高興幫助:) – webnoob 2010-07-22 13:35:46

1

問題是,當updatepanel觸發時,它會替換dom中的一大塊html,這意味着它會替換您將單擊事件綁定到的元素。

要繞過這個瀏覽jQuery .live().delegate()爲什麼老找你提供選擇匹配事件,或者如果你想每次都綁定到內容更新面板刷新內容的外觀,jQuery的updatepanel plug-in

+0

感謝,我設法做到這一點不同的方式但我確實嘗試了UpdatePanel插件,但無法觸發任何東西。 – webnoob 2010-04-14 10:21:46

1

我用更新面板只是爲了停止整個頁面在asp.net中的刷新,甚至包括jquery.But使用更新面板後,有些問題已解決,但又造成了另一個問題。 jquery腳本不在updatepanel內工作。

現在解決了這個問題。

例:jQuery的日期選擇器的情況下,jQuery腳本的常見的電話出現這樣的:

<script type="text/javascript"> 
    $(function() { 
     $("#datepickers").datepicker({ 
       showOn: "button", 
       buttonImage: "images/calendar.gif", 
       buttonImageOnly: true 
       }); 
      }); 
</script> 

即使我用了相同的代碼

Page.ClientScript.RegisterStartupScript(TypeOf(Page), 'ajaxTrigger1', 
'Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);', true); 
Page.ClientScript.RegisterClientScriptBlock(TypeOf(Page), 'EndRequest1', 'function EndRequestHandler(sender, args){AsyncDone();}', true); 

解決方案出現在這裏:http://kopila.com.np/ 但它並沒有爲我工作。後來我知道,jQuery腳本不會工作後部分回發ieour ajax請求。如果我們嘗試調用更新面板內的任何JQuery腳本做任何腳本將不會工作後的第一個Ajax請求。

例如:當您正在使用asp.net更新面板如下再次調用它:

<script type="text/javascript"> 
     function pageLoad(sender, args) { 

      if (args.get_isPartialLoad()) { 

       $("#datepickers").datepicker({ 
        showOn: "button", 
        buttonImage: "images/calendar.gif", 
        buttonImageOnly: true 
       }); 

      } 

     } 
</script> 

瞭解更多詳情請訪問:http://kopila.com.np

+0

你拯救了我的生命哈哈哈!這很棒! – NETRookie 2015-01-22 21:36:27