JavaScript jquery ui Dialog funktioniert nicht

ClocxHD · 27. Juli 2015

Hallo,

mein jquery-ui Dialog funktioniert nicht.
Der Text, der eigentlich im Dialog erscheinen sollte, steht einfach auf der Seite.
Das Dialog öffnet sich auf Knopfdruck nicht.

HTML:

<button class='btn btn-danger btn-actions'>Aktionen</button>

<div class="dialogaction" title="Aktionen">
    	<p>Test</p> <!-- Dieser Text steht einfach so auf der Seite -->
</div>

JS-Code:

Code:

	$(document).ready(function() {
    			$(".btn-actions").on("click", function() {
        				$(".dialogaction").dialog( "open" );
    			});

    			$(".dialogaction").dialog({
        				autoOpen: false,
        				show: {
            					effect: "fade",
            					duration: 300
        				},
        				hide: {
            					effect: "fade",
            					duration: 300
        				},
        				draggable: true,
        				resizable: false,
        				closeText: "Schließen",
        				closeOnEscape: false,
        				modal: false
    			});
			});

LG,
ClocxHD

mumpitz89 · 27. Juli 2015

Moin,

ich hab das ganze mal ein bisschen zusammengefiddelt, siehe hier: https://jsfiddle.net/Atomkraftzwerg/ygekw5qp/

Bei mir ging es auch erst nicht, in der JavaScript-Konsole wurde folgender Fehler angezeigt:

Uncaught TypeError: $(...).dialog is not a function

Hier wurde die Fehlermeldung als ein jQuery-Bug beschrieben, der auftritt, wenn die jQuery-Version zu neu ist.

Ich habe in JSFiddle links mal die Version auf jQuery 2.0.2 und jQuery UI 1.10.3 eingestellt, woraufhin das ganze auf einmal funktionierte. Hoffe das hilft dir weiter. An deinem Code selbst kann ich keine Fehler ausmachen.

ClocxHD · 27. Juli 2015

Ok, danke, jetzt funktioniert es.

Jetzt habe ich aber noch eine Frage.
Ich gebe auf einer Seite Supportanfragen aus einer Datenbank aus.
Jede Anfrage ist in einem DIV-Container, wo sich der Button zum öffnen des Dialogs befindet.

Der Button hat immer die ID der Anfrage:

PHP:

<button class='btn btn-success btn-actions' onclick='opendia();' data-id='" . $row["ID"] . "'>Aktionen</button>

Wie kann ich jetzt im Dialog unterscheiden, durch welchen Button dieser Dialog geöffnet wurde, damit ich in diesem Dialog mit der ID arbeiten kann?

LG,
ClocxHD

Suche

JavaScript jquery ui Dialog funktioniert nicht

ClocxHD

Lt. Junior Grade

mumpitz89

Cadet 4th Year

ClocxHD

Lt. Junior Grade

Ähnliche Themen