Dynamisch geladen jquery ui dialog openen
Ik probeer een jquery ui dialog te openen welke door ajax word geladen:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$('#dialog-button').live('click',function(){
alert('dit gaat wel goed');
$('#dialog').dialog('open');//dit niet
});
//en dan wordt dit door ajax geladen
<div id="dialog">
<form>
<input type="text" value="hier een waarde">
</form>
</div>
alert('dit gaat wel goed');
$('#dialog').dialog('open');//dit niet
});
//en dan wordt dit door ajax geladen
<div id="dialog">
<form>
<input type="text" value="hier een waarde">
</form>
</div>
Maar ik kom er even niet uit hoe ik de dialog kan laten openen..?
Weet iemand hoe dit moet?
Alvast bedankt!
Zie hier voor verdere uitleg
Gewijzigd op 11/03/2013 11:05:24 door Albert de Wit
Het probleem zit niet alleen in de dialog maar ook als je bijvoorbeeld css van een element wilt veranderen. Er is waarschijnlijk wel een oplossing voor, maar ik heb hem nog niet kunnen vinden....
http://jsfiddle.net/24Xuv/2/
Ga alle stappen na om zeker te zijn dat het hoort te werken!
Als je bijvoorbeeld en button door ajax genereert heb je .live of .on nodig. datzelfde heb ik nodig voor het openen van de dialog. En stel dat je bijvoorbeeld wilt doen $('#id').html(); Dan werkt dat ook niet, ik vraag me ook af hoe je dat doet. hier helpt .on en .live je volgens mij niet.
Code (php)
1
2
3
4
5
2
3
4
5
$('#dialog-button').on('click' function(){
$('#dialog').dialog('open');
});
$('#dialog').dialog('open');
});
Dan werkt de .on toch alleen voor het click event en niet voor de dialog. Ik hoop eigenlijk dat ik het mis heb.
in jouw geval dus
Code (php)
1
2
3
2
3
$('#dialog-button').on('click', function(){
$('#dialog').dialog('open');
});
$('#dialog').dialog('open');
});
Toevoeging op 11/03/2013 15:18:17:
wat die on() doet is gewoon een event triggeren door te kijken wat de eerste parameter is. Click in dit geval. Dus als je dan op de button met het id 'dialog-button' klikt hoort hij het dialog te openen.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
$(document).on("click",'#dialog-button',function(){
alert('dit werkt');
$('#dialog').dialog('open');//dit nog niet
})
alert('dit werkt');
$('#dialog').dialog('open');//dit nog niet
})
Als je .on of live weg laat werkt de button ook niet, dus daarom denk ik dat de dialog ook niet opent. Ik denk dat hier ook iets mee moet gebeuren.
1 - bij de click handler de dialog direct aanmaken, $('#dialog').dialog(hier dan de dialog maken);
2 - een eigen functie aanmaken ipv de standaard $(function(){}); waar de dialog in staat, dan werkt het op een een of andere manier wel.
In elk geval bedankt voor de hulp Albert!