jQuery Funktion Frage

Question

Ich habe eine Frage zu Funktionen mit jQuery. Ich habe eine Funktion, die, sobald der Browser bereit ist, die Funktion findet eine bestimmte Tabelle und fügt dann Hover & Klickfunktionalität hinzu.

Ich versuche, diese Funktion von Code in einer ASP.NET-Seite hinterher zu rufen, aufgrund der Tatsache, dass, sobald jemand der Datenbank hinzufügt das Update-Panel eine Gridview auslöst und abruft (die Tabelle, die von der Funktion beeinflusst wurde) document.ready). Wenn es zurückkommt, ist es wieder der einfache Tisch.

Hier sind die ursprünglichen Funktionen:

$("#GridView1").find("tr").click(function(e) { 
       var row = jQuery(this) 
       //var bID = row.children("td:eq(0)").text(); 
       $('#tbHiddenBatchID').val(row.children("td:eq(0)").text()); 
       //Took out repetitive code, places values from table into modal 




       e.preventDefault(); 
       $('#modalContentTest').modal({ position: ["25%", "5%"] }); 
       //row.addClass('highlight'); 
       //$('#tbEdit').val(bID); 
      }); 

//here is the function that adds hover styling 
$("#GridView1").find("tr").click(function() { 
      return $('td', this).length && !$('table', this).length 
     }).css({ background: "ffffff" }).hover(
      function() { $(this).css({ background: "#C1DAD7" }); }, 
      function() { 
       $(this).css({ background: "#ffffff" }); 

      }); 

OK, was ich versucht ist, eine Funktion zu tun erstellen, rufen Sie es auf document.ready und auch in der Code-behind, wenn, nachdem die Datenbank aktualisiert wurde.

Hier ist, was ich getan habe:

function helpGrid() { 
      $("#GridView1").find("tr").click(function(e) { 
       var row = jQuery(this) 
       //var bID = row.children("td:eq(0)").text(); 
       $('#tbHiddenBatchID').val(row.children("td:eq(0)").text()); 
       // 
       e.preventDefault(); 
       $('#modalContentTest').modal({ position: ["25%", "5%"] }); 
       //row.addClass('highlight'); 
       //$('#tbEdit').val(bID); 
      }); 

//Haven't even tried to add the hover stlying part yet; can't get this to work. 
     } 

Wenn ich versuche, helpGrid zu nennen(); Ich erhalte eine Fehlermeldung, dass es nicht definiert ist ...

Offensichtlich bin ich ein newb jQuery aber ich habe jQuery in Aktion & ich es jetzt nach einer Antwort suchen Scheuern ...

Bitte helfen.

Danke !!!

Answer 1

Da Sie ein Update-Panel verwenden, wird die gesamte Seite nicht postback und das document.ready-Zeug wird nie getroffen ... Unten können Sie eine Funktion hinzufügen, die am Ende des Updates ausgeführt wird, so resetMyTableStuff (); ist, wo Sie Ihre Magie tun wollen werden ...

Versuche so etwas wie dieses Hinzufügen ...

function pageLoad() { 
    if (!Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()) { 
     Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler); 
     Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(initializeRequest); 
    } 
} 

function endRequestHandler(sender, args) { 
    resetMyTableStuff(); 
} 

function initializeRequest(sender, args) { 
     //just in case you need to do it... 
}