Führen Sie document.ready nach dem Ajax-Post aus

Konnte man immer nur setzen Sie alles in eine Funktion (benannt loadfunction oder so) und rufen Sie die Funktion, wenn das Dokument geladen wird, und wieder, wenn die ajax geladen wird. Aber es ist eine gehackte zusammen Lösung, sollte es gut genug funktioniert.

So, dann nehmen Sie alles zwischen $(document).onready(function () { sein Ende Klammer }
Und steckte es in function OnloadFunction () { endend mit }.
Dann legte $document.onready(OnloadFunction);

Beispiel:
Sie haben

$(document).ready(function () {alert("test");});

Es würde in:

function OnloadFunction ()
{
    alert("test");
}
$(document).ready(OnloadFunction);

Dann können Sie anrufen OnloadFunction Wann immer Sie wollen.

InformationsquelleAutor der Antwort Ben

Habe ich erfolgreich verwendet ein Muster wie das folgende:

Zuallererst müssen wir definieren .query () - plugin.

// jQuery.fn.query() emulates the behavior of .querySelectorAll() 
//by allowing a full/complex selector to be matched against
//a small slice of the dom. 
$.fn.query = function ( selector ) {
    var scopeElms = this,
        scopeIsDoc = scopeElms.length === 1  &&  scopeElms.is('html') ,
        // check for obviously simple selectors.... (needs more elegance)
        isComplexSelector = /\s/.test( selector.replace(/\s*([|~*$\^!]?=|,)\s*/g, '$1') ),
        elms;
    if ( scopeIsDoc  ||  isComplexSelector )
    {
      elms = $(selector);
      if ( scopeElms[0] )
      {
        elms = elms.filter(function(){
            var i = scopeElms.length;
            while (i--) {
              if ( scopeElms[i] === this || $.contains(scopeElms[i], this) )
              {
                return true;
              }
            }
            return false;
          });
      }
    }
    else
    {
      elms =  scopeElms.filter( selector )
                  .add( scopeElms.find(selector) );
    }
    return $(elms);
  };

Wir schreiben dann unsere init-Funktion und binden Sie es an die "bereit" - Ereignis, und auch für unsere custom "domupdated" Ereignis. Innerhalb der init-Funktion, die wir verwenden .query() zu finden Elemente von entweder das gesamte Dokument oder nur die aktualisierten fragment...

// Here we define our DOM initializations
$(document).bind('ready domupdated', function (e, updatedFragment) {
    var root = $( updatedFragment || 'html' );

    // Begin imaginary initialization routines
    root.query('form').validate();
    root.query('.sidebar .searchform input#search').autocomplete();
    // etc...

  });

Dann, wenn wir injizieren Blöcke, um neue Elemente in das DOM (wie bei einem Ajax-request abgeschlossen hat), die wir dann lösen die domupdated Veranstaltung und übergeben Sie die aktualisierte DOM-fragment als parameter - zum Beispiel so:

...
var ajaxedDom = $(xhr.resultText).find('#message');
ajaxedDom.appendTo( '#modal' );

$(document).trigger('domupdated', [ajaxedDom]);

Für mich, ist dieses set-up dauert den ganzen Schmerz aus der initing der DOM. Es erlaubt mir zu halten, einen einzigen Satz von init-Routinen, und konzentrieren sich auf den Spaß Dinge.

InformationsquelleAutor der Antwort Már Örlygsson