• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jQuery Dialog erstellen

und3rtaker

Neues Mitglied
Hallo,
ich will mir folgendes Dialog erstellen:

Code:
$(document).ready(function(){ 
var close = "Close";  
$( "#dialog" ).dialog({ 
resizable: false, 
height:300, 
modal: true, 
buttons: { 
$close: function() { 
$(this).dialog( "close" ); 
} 
} 
})

Ich will also den buttonnamen die variable verwenden(das ist übrigens nur ein beispiel, man könnte ja auch direkt "Close" schreiben, es geht mir ums Prinzip).

Rufe ich die Variable falsch auf oder habe ich die falsch erstellt?

Es klappt nämlich nicht.

Ich will eigentlich folgendes machen.

ich erstelle eine variable: var blabla = $("#dialog_button").val();

ich will also, das blabla den Inhalt des #dialog_button divs bekommt, wie kann ich das machen?

Und wie kann man die Buttons designen die im dialog sich öffnen? also z.b die width und height oder die farbe?


Noch was.
Ich hab eine NAV in html gebaut und wenn man über das li geht soll auch das a-tag gehovert oder geklickt werden, wie schaffe ich das mit den events?

ich hab folgendes versucht:
$("#button").click(function(){
$("#button a").trigger("click"); bzw. $("#button a").click();})

beides klappt jedoch nicht

Vielen Dank
 
Du wirfst hier diverse Dinge durcheinander. Erst einmal gehört Dialog nicht direkt zu jQuery, sondern ist ein Widget von jQuery UI. Mit diesem Widget habe ich noch nicht gearbeitet und werde deshalb auch nichts dazu sagen.

Code:
var close = "Close";

Setzt eine globale Variable mit dem Stringwert "Close". Wobei "Close" ==! "close" ist. Ob diese auch innerhalb des Widgets aufgerufen werden kann, bliebe zu testen, wobei du sie ja gar nicht übergibst.

ich erstelle eine variable: var blabla = $("#dialog_button").val();

ich will also, das blabla den Inhalt des #dialog_button divs bekommt, wie kann ich das machen?

Das ist aber nicht der val(). Versuche es mal mit text() oder html().

ich hab folgendes versucht:
$("#button").click(function(){
$("#button a").trigger("click"); bzw. $("#button a").click();})

Wenn die Elemente dynamisch vom Widget erzeugt oder nachgeladen werden, benötigst du einen Eventlistener, wie bsw. on().

.on() | jQuery API Documentation
 
Zurück
Oben