Laden von externen php-Datei in jquery modal dialog onclick
Ich versuche zu öffnen ein jquery modales Dialogfeld, wenn der Benutzer auf einen link klickt. Ich würde gerne laden Sie dann eine externe php-Datei in das Dialogfeld ein. Ich bin mit diesem jquery:
$(document).ready(function() {
$('#register').dialog({
title: 'Register for LifeStor',
resizable: true,
autoOpen:false,
modal: true,
hide: 'fade',
width:350,
height:275,
});//end dialog
$('#reg_link').click (function() {
open: (function(e) {
$('#register').load ('register.php');
});
});
});
und das html:
<div id="register"></div>
das display:none in der .css-Datei.
Weiter auf, in einem Formular, der link heißt:
<td><font size="2">Not registered? <a href="#" name="reg_link">Sign-Up!</a></td>
(Ich werde das ändern der Tabelle divs).
Ich keine Fehler erhalten Sie mit diesem code, aber es passiert nichts wenn ich auf den link klicken. Ich habe die meisten der oben von anderen stack-overflow-Beiträge. Bin ich etwas fehlt? Ist die Tabelle, html stören?
GRÜßEN...
Du musst angemeldet sein, um einen Kommentar abzugeben.
In deinem link
haben Sie
name="reg_link"
werden sollteid="reg_link"
statt, d.h.So, das funktioniert mit folgenden code
Machen es zu einem Dialogfeld, das Sie verwenden können,
Nur ein Beispiel.
register.php
hat einen link zu einer anderen Seite, nennen wir es confirmation.php - wie würden Sie öffnenconfirmation.php
innerhalb der gleichen modalen view? danke!Erstellen Sie den dialog nach dem laden der Seite
.load()
ersetzt den Inhalt des Containers mit dem neuen InhaltIhre click-handler-syntax Fehler, Es sieht aus wie Ihre Weitergabe eine Kombination aus einer Funktion ein Objekt als argument, es sollte eine normale Funktion. Wie
Auch Ihre
<a>
element hatreg_link
als ein name, nicht die idIch bin nicht ganz vertraut mit der
.dialog()
Funktion, aber Sie sind mit.click()
falsch. Teil des Problems ist einige Verwirrung in Bezug auf die geschweiften Klammern{}
. Sie sind zwei völlig getrennte Dinge, und Sie mischen die beiden hier oben.Dem ersten Einsatz von geschweiften Klammern Angabe der Innenraum block: die Innenseite einer Schleife, die innerhalb einer Bedingung, die innerhalb einer Funktion. Zum Beispiel:
Die zweite Verwendung ist JSON (JavaScript Object Notation) für ein Objekt oder ein assoziatives array, wobei die Eigenschaften oder Werte, die gepaart sind mit Namen oder mit den Tasten im folgenden format:
Beim schreiben
$('#reg_link').click (function() {
, Sie öffnen eine Funktion block mit geschweiften Klammern, nicht an den Start eines JSON. Also, wenn Sie schreibenopen:
(als wenn diese wurden ein JSON-und Sie sind die Einstellung deropen
Schlüssel), etwas, das ist definitiv nicht so funktionieren, wie Sie es erwarten (ich bin überrascht... eine Art von... es ist kein Fehler, eigentlich). Was Sie brauchen, um zu schreiben, die innerhalb dieser geschweiften Klammern wird der code einer Funktion. In diesem Fall, es ist wahrscheinlich nur dies:Im Allgemeinen, die jQuery nutzt diese beiden Versionen viel, und oft mischt Sie zusammen (Funktionen, an die JSONs als Argumente, oder JSONs, dass die include-Funktion Rückrufe als Einträge), daher ist es wirklich wichtig, zu verstehen, was was ist.
EDIT: Etwas Googlen re:
.dialog()
deutet darauf hin, dass Sie müssen auch zu nennen es nach.load()
, was bedeutet, dass der block sollte in etwa so Aussehen:Basierend auf Ihren eigenen code
.dialog()
eigentlich ist ein Beispiel für eine Funktion, die eine JSON als argument, also unter der Annahme, dass etwas richtig ist, der vollständige code ist wie folgt: