Jquery-Dialog ('open') funktioniert nicht

Question

Ich habe eine Webseite, die in eine andere Seite eingefügt wird, wo die eingefügte Seite eine Schaltfläche enthält, die beim Klicken ein Dialogfeld öffnet. Leider wird der Dialog nicht geöffnet, wenn er angeklickt wird. In den Chrome-Entwicklertools werden keine Fehler angezeigt. Verwenden Sie console.log, um anzuzeigen, dass das Element gefunden wurde.

-Code-Schnipsel ist wie folgt:

<input type ="button" value ="click me" onclick ='$('.opendialog').dialog ('open')'/> 

<div id ='opendialog'><div> 

I Variationen versucht haben, die das Dokument-Ready-Funktion Syntax verwendet und das hat nicht funktioniert.

Kann mir jemand helfen?

Answer 1

Bewegen Sie den Tag, den Dialog Initialisierung gesetzt, nachdem die HTML-Tags zu sein - und es das ist alles

Answer 2

opendialog ist ein id, wie Sie hier sehen können

<div id ='opendialog'><div> 

, während Sie die Klassenauswahl von .opendialog verwenden, um es auszuwählen, anstatt die ID-Auswahl von #opendialog. Stellen Sie außerdem sicher, dass Sie entweder die Zeichenkette mit einem umschließenden Zeichen umgehen oder Anführungszeichen verwenden.

Lange Rede kurzer Sinn:

<input type ="button" value ="click me" onclick ='$("#opendialog").dialog ("open")'/>