2016-03-31 3 views
0

Ich benutze UI-Dialog, standardmäßig ist es eine feste und ich bekomme den HTML-Code am Ende der Seite vor direkt, wie kann ich erzwingen, um es in einejquery UI-Dialog Bewegung von der Unterseite der Seite zu einem div

anhängen
<div class="container"></div> 

ohne in Seite

see the screenshot

+0

Wenn Sie den Dialog von 'jquery-ui' nennen, diese Bibliothek benötigt html in Ihrer Quelle hinzuzufügen. An dieser Stelle sie den Dialog html vor dem Schließen '' – Jer

+0

Geben Sie Ihrem .Behälter eine ID setzen chosed, dann können Sie verwenden: appendTo: „#yourContainingElement“ Die Standardeinstellung ist es dem 'body' anhängen . Lesen Sie die Dokumentation: https://api.jqueryui.com/dialog/#options [edit: hinzugefügt als Antwort, weil es OPs Frage vollständig beantworten] – Stuart

+0

Hallo ich versuche, ist wie '$ zu verwenden (".selector") .dialog ({ appendTo: "#yourContainingElement" }); ' aber nicht funktioniert bei mir –

Antwort

0

geben Sie Ihren .Behälter eine ID festgelegt werden, verwenden Sie können dann:

appendTo: "#yourContainingElement" 

Standardmäßig wird sie an den Körper angehängt.

Lesen Sie die Dokumentation: http://api.jqueryui.com/dialog/#options

+0

Hallo ich versuche, ist wie ' $ zu verwenden (".selector") .dialog ({ appendTo: "#yourContainingElement" }); ' aber funktioniert nicht mit mir –

+0

Sie haben tatsächlich ein Element (div etc) mit der ID" yourContainingElement ", wenn Sie diesen Code verbati verwendet haben m? – Stuart