Gelöst Manipulation des DOM nach dem es vollständig geladen wurde (jQuery Plugin Initialisierung)

[OmKFJ]

Hi,

mein selbstentwickeltes jQuery Plugin include ich mittels der info.xml Datei:

<JS>
    <file>
        <name>foo.js</name>
        <priority>10</priority>
        <position>body</position>
    </file>
</JS>

Ich benutze den HOOK 140 "HOOK_SMARTY_OUTPUTFILTER" um mittels den phpQuery eine zusätzliche JS-Datei aufzurufen/einzubinden um das jQuery Plugin zu initialisieren:

pq("footer")->append("<script src=\"" . $oPlugin->cFrontendPfadURL . "template/init.js" . "\"></script>");

$( "#content" ).foobarPlugin( {
    value: "foo"
} );

Das Problem dabei ist, dass die initialisierung vor dem jQuery include passiert, was darauf hin die Console mir den Fehler ausgibt:
Uncaught TypeError: $(...).foobarPlugin is not a function

Wie regelt man sowas?

 

[NETZdinge.de]

Das Problem ist, dass die ganzen Skripte selbst erst im footer gesetzt werden... wahrscheinlich bist du da einfach schneller… Versuche es mal mit einen Window.Timeout von 200ms

 

[OmKFJ]

Das Problem ist, dass die ganzen Skripte selbst erst im footer gesetzt werden... wahrscheinlich bist du da einfach schneller… Versuche es mal mit einen Window.Timeout von 200ms

Hi, danke für die Antwort.
Ein timeout würde das Problem lösen, jedoch ist das meiner Meinung nach ein workaround und etwas was sehr unpräzise ist. Beispielweise wenn die Seite unter Mobile länger braucht um zu laden, würde es ja nicht mehr funktionieren. Es gibt auch andere Gründe, die gegen ein timeout sind. Eine andere Möglichkeit?

 

[ag-websolutions.de]

Include dein jQuery-Plugin nicht über die info.xml sondern auch via hook140

 

[OmKFJ]

Include dein jQuery-Plugin nicht über die info.xml sondern auch via hook140

hat geklappt, vielen Dank!

 

[ag-websolutions.de]

gerne

 

[FPrüfer]

Die Scripte aus der info.xml werden nicht im footer, sondern ganz am Ende des body geladen. Mit einem

pq('body')->append('<script>jtl.load(["' . $oPlugin->cFrontendPfadURL . 'template/init.js' . '"]);</script>');

sollte es also auch funktionieren, wenn dein Plugin über die info.xml eingebunden wird.