Tinyscrollbar funktioniert nach ajax import nicht mehr

[BlackHawk3]

Guten Abend,

ich habe folgendes Problem:

Auf meiner index.php werden mittels einer Ajax-Engine verschiedene PHP-Datein nach einem Buttonklick geladen. In den Datein stehen im moment nur normales html (allerdings kein header ect.).

Klickt man nun auf einen Button wird die entsprechende Datei geladen und angezeigt.

Die tinyscrollbar habe ich im head eingebunden und das kleine bisschen jquery gleichen in einem Skriptteil danach eingebaut.

Teste ich das nun, kann ich den Text nicht scrollen. Der Tracker von der Scrollbar wird mir angezeigt mehr aber auch nicht.
Das komische ist, wenn ich exakt den Quelltext aus der geladenen PHP-Datei einfach so in die index.php kopiere und das dann teste funktioniert alles einwandfrei.(also ohne reinladen mit ajax)

Ich hab auch schon probiert mit onclick="function ladePHPSEITE()" das jquery in der Funktion ausführen zu lassen. Das macht er auch, aber dennoch funktioniert die scrollbar nicht.

Hat einer einen Tipp, woran es liegen könnte?

 

[BlackHawk3]

AW: Tinyscrollbar funktioniert nach ajax import nicht mehr

Bzw. anders gefragt...

Nachdem ich den Inhalt der PHP-Datei mittels innherHTML ins DOM eingefügt habe, steht er dann mit den ID's den eingebundenen scripten zur Verfügung?

 

[mindraper]

AW: Tinyscrollbar funktioniert nach ajax import nicht mehr

hi.

jquery besitzt für das nachladen von inhalten via ajax bei der bestimmung des typs des nachgeladenen inhaltes ( mein gott, was für ein satz ) ein "intelligent guess". das bedeutet, jquery versucht in deinem fall, die php-datei als script auszuwerten.

versuch mal, alles als string via echo ausgeben zu lassen. allerdings ohne gewähr, dass das funzt. besser wäre, du stellst etwas mehr information zur verfügung, also code. andere frage ist natürlich, hast du jquery gesagt, welcher datentyp als rückgabe erwartet wird? das würde die intelligent guess funktionalität nämlich aushebeln.

zur zweiten frage: die elemente stehen über die id-attribute generell deinem js zur verfügung. allerdings musst du sie vorher natürlich erstmal "holen", soll heißen:

<!-- Diese Inhalte sind nachgeladen -->
<div id="divMitId">Bla Bla Bla</div>
<div id="divMitAndererId">Mehr BlaBla</div>

// Die einzelnen DomKnoten erreichen, nachdem sie geladen wurden
var div = $( '#divMitId' );
var div2 = $( '#divMitAndererId' );

wenn du zu diesem zeitpunkt schon eine collection hast, der nur neue elemente hinzugefügt werden sollen, ist jquerys add() geeignet.

// Bestehende Collection
var collection = $( '.meineClassElemente' );

// Jetzt passiert gaaaaaaaaanz viel, unter Anderem das Laden von Inhalten

// Bestehende Collection erweitern mit neuen, via AJAX nachgeladenen DOMNodes
collection = collection.add( '.meineNeuenClassElemente' );

gruß

 

[BlackHawk3]

AW: Tinyscrollbar funktioniert nach ajax import nicht mehr

viele dank für die sehr nützlichen hinweise zur funktionsweise.

ich hab vorhin mein fehler gefunden, bzw. rausbekommen, wie es funktioniert.

ich hab einfach in der funktion die mir den inhalt ausliest und an gegebener stelle einfügt noch den jquerybefehl für die scrollbar danach eingefügt.
dann hat es geklappt^^