Jquery zum laden von Inhalten in div
Hey, ich würde gerne das laden einer html-Seite in ein div mit
$(document).ready(function() {
$("#popupContent").load("aeffect.html");
//Close property
$("a.close").click(function(){
$("#popupContainer").empty();
});
});
Meinem html-Code aus der aufrufenden Seite ist:
<div id="popupContent"></div>
Was ich gerne tun würde, ist, wenn aeffect.html
geladen wird in das div, , es schreibt auch der code von aeffect.html
in den Körper des aufrufenden Seite, so dass am Ende resulton die aufrufende Seite würde wie folgt lauten:
<div id="popupContent">
<div class="projectPopup" id="aeffect">
<a class="close">Close ×</a>
<img src="/img/aeffect_popup.jpg" width="500" height="729" alt="" />
<p class="description">Description</p></div>
</div>
Mein problem ergibt sich, weil ich versuche zu machen aeffect.html
verschwinden, sobald der Benutzer trifft close
. Ich dachte, ich könnte nur haben Sie es leer, das DIV, aber da ist nichts leer...
Was ist die Frage?
Ich möchte die
Ich habe es noch nicht getestet. Aber was Sie beschreiben, ist genau das, was .load-Methode machen sollte. Was ist das problem? Irgendwelche Fehlermeldungen?
keine Fehlermeldungen, aber wenn der load-Funktion ausgeführt wird, es nicht extrahieren des Codes aus aeffect.html in die div, so dass, wenn aeffect.html Lasten, die html-Code aus der aufrufenden Seite sieht noch immer aus wie: <div id="popupContent"></div>
Ich nehme an, du bist mit Firebug überprüfen Sie die Quelle der Seite, nicht auf "Quelltext Anzeigen"?
Ich möchte die
aeffect.html
Inhalte geladen werden, in der popupContent
, so dass die code-form der aeffect.html Seite aus aufgerufen werden und laden in das aufrufende Seite.Ich habe es noch nicht getestet. Aber was Sie beschreiben, ist genau das, was .load-Methode machen sollte. Was ist das problem? Irgendwelche Fehlermeldungen?
keine Fehlermeldungen, aber wenn der load-Funktion ausgeführt wird, es nicht extrahieren des Codes aus aeffect.html in die div, so dass, wenn aeffect.html Lasten, die html-Code aus der aufrufenden Seite sieht noch immer aus wie: <div id="popupContent"></div>
Ich nehme an, du bist mit Firebug überprüfen Sie die Quelle der Seite, nicht auf "Quelltext Anzeigen"?
InformationsquelleAutor antonanton | 2009-09-09
Du musst angemeldet sein, um einen Kommentar abzugeben.
(Ihnen fehlt ein schließendes div, ich denke auf #aeffect.)
Die erste Auswahl ist das Ziel-container. Die load-Methode auf die Seite, gefolgt durch die Auswahl innerhalb dieser Seite, die Sie möchten.
Ich bin mir nicht sicher über das laden der Seiten von anderen Websites wenn.
Lassen Sie mich wissen, ob das funktioniert für Sie.
Scott
Check-out die jQuery Dokumentation für die Feinabstimmung. Sie können Parameter übergeben, um die Seite, wenn es ist ein Beitrag und Sie können einen Rückruf zum Auffüllen der div für eine glattere Erfahrung.
InformationsquelleAutor Scott McKenzie