JQuery innerhalb eines mit Ajax befülltem Dialog funktioniert nicht


Gray

Erfahrenes Mitglied
Hi,

ich habe folgendes Problem, ich öffne ein Dialog welches per Ajax befüllt wird.

Code:
function showUrlInDialog(url){
    var wWidth = $(window).width();
    var dWidth = wWidth * 0.4;
    var tag = $("<div></div>");
        $.ajax({
        url: url,
        success: function(data) {
            tag.html(data).dialog({
                autoOpen: false,
                position: { my: 'center', at: 'center', of: window },
                width: dWidth,
                modal: true
            }).dialog('open');
        }
    });
}

Das funktioniert auch einwandfrei.

Wenn ich nun aber innerhalb dieses Dialog wiederum versuche z.B. nur per Click ein alert auszugeben wird dies komplett ignoriert.


Code:
$('#asp').click(function(){
    alert('test');
});

asp ist in dem Fall die ID des Buttons der geklickt wird.

Wie bekomme ich JQuery innerhalb dieser Dialog Box zum laufen?

Vielen Dank
 

Sempervivum

Erfahrenes Mitglied
asp ist in dem Fall die ID des Buttons der geklickt wird.
Ich nehme an, dieser befindet sich innerhalb des HTML, das Du mit Ajax lädst? Dann musst Du den Eventhandler registrieren, nachdem Du den Inhalt geladen hast:
Code:
function showUrlInDialog(url){
    var wWidth = $(window).width();
    var dWidth = wWidth * 0.4;
    var tag = $("<div></div>");
        $.ajax({
        url: url,
        success: function(data) {
            tag.html(data).dialog({
                autoOpen: false,
                position: { my: 'center', at: 'center', of: window },
                width: dWidth,
                modal: true
            }).dialog('open');
            $('#asp').click(function(){
                alert('test');
            });
        }
    });
}
 

Neue Beiträge

Forum-Statistiken

Themen
272.360
Beiträge
1.558.622
Mitglieder
187.833
Neuestes Mitglied
SirrDansen