Auslösen der jquery-Funktion einige Zeit nach dem Laden des Dokuments

Question

Ich stecke fest, versucht, eine Funktion nach, sagen wir, 2 Sekunden nach dem Laden des Dokuments auszulösen.

Die Funktion ist:

$(document).ready(function() { 
    $('.trigger').click(function (e) { 
     e.preventDefault(); 
     $.popcircle('#pops', { 
      spacing:'15px', 
      type:'full', // full, half, quad 
      offset:1.95, // 0, 1, 2, 3, 4, 5, 6, 7 or 5.1 
      ease:'easeOutElastic', 
      time:'slow' // slow, fast, 1000 
     }); 
    }); 
}); 

und ich versuchte mehrere Möglichkeiten, die ähnlich wie diese:

$(document).ready(function() { 
    setTimeout(function() { 
     e.preventDefault(); 
     $.popcircle('#pops', { 
      spacing:'15px', 
      type:'full', // full, half, quad 
      offset:1.95, // 0, 1, 2, 3, 4, 5, 6, 7 or 5.1 
      ease:'easeOutElastic', 
      time:'slow' // slow, fast, 1000 
     }  
    }, 2000); 
}); 

Aber es funktioniert einfach nicht. Ich habe einige mögliche Lösungen gelesen und ausprobiert, aber beide funktionieren nicht für mich. (?)

Irgendwelche Anhaltspunkte? Benötigen Sie weitere Informationen?

Answer 1

Sie haben Fehler im Code:

1. Wie @CBroe erwähnt, gibt es keine e ist. Als Ergebnis

   Uncaught ReferenceError: e is not defined

   Sie sollten die folgende Zeile entfernen, weil es kein Ereignis mit dir zu tun hat:

   e.preventDefault(); 
   

2. Ein Syntaxfehler in $.popcircle Funktion:

   Uncaught SyntaxError: missing) after argument list

   einfach hinzufügen a );

Als Ergebnis sollten Sie den Code wie folgt aussehen:

$(document).ready(function() { 
    setTimeout(function() { 
     $.popcircle('#pops', { 
      spacing:'15px', 
      type:'full', // full, half, quad 
      offset:1.95, // 0, 1, 2, 3, 4, 5, 6, 7 or 5.1 
      ease:'easeOutElastic', 
      time:'slow' // slow, fast, 1000 
     }); 
    }, 2000); 
});