✔ Jquery Mobile Popup triggert nicht

[Jhorst]

Ich habe folgendes Problem. Ich empfange via ajax von einem Server einen JSON string. Daraus erstelle ich eine Dynamische Liste welche ein Button an der rechten Seite besitzen. Zusätzlich sollen dynamisch die popups in die page gesetzt werden welche als Inhalt das Mitgeschickte IMAGE enthalten.

Die liste wird ordnungsmäßig erstellt und auch korrekt dargestellt. Auch die Popup inhalte werden mir unter der liste angezeigt, was sie allerdings nicht sollen, sowie wenn ich auf den Button klicke, der sich in der liste befindet, erhalte ich eine Einblendung jedoch ohne Inhalt.

<section id="popup_area">
    
    </section>
    
    <script>
        //Init Historyview
            $.getJSON('../BackEnd/GetHistory.aspx', function (json) {
                $.each(json, function (titel, date) {
                	var $li;
                    if (date.status == "2") {
                        $li = $('<li><a><img class="rotate" src="' + date.beleg + '"><h1>' + date.titel + '</h1><p>' + date.date + '</p></a><a href="#' + titel + '" data-rel="popup" data-icon="alert" data-transition="slide">Details</a></li>');
                    }
                    else {
                        if (date.status == "3")
                            $li = $('<li><a><img class="rotate" src="' + date.beleg + '"><h1>' + date.titel + '</h1><p>' + date.date + '</p></a><a href="#' + titel + '" data-rel="popup" data-icon="delete" data-transition="slide">Details</a></li>');
                        else
                            $li = $('<li><a><img class="rotate" src="' + date.beleg + '"><h1>' + date.titel + '</h1><p>' + date.date + '</p></a><a href="#' + titel + '" data-rel="popup" data-icon="check" data-transition="slide">Details</a></li>');
                    }
                    $('#historylist').find('ul.dynlist').append($li);
                    $('#uList').listview("refresh");
                    $pop = $('<div data-role="popup" id="' + titel + '" data-theme="d" data-overlay-theme="b" class="ui-content" style="max-width:340px;"><img class="rotate" src="' + date.beleg + '"></div>');
                    $('#popup_area').append($pop.popup());
                });
            });
        
    </script>

ein screenshot schicke ich auch gleich mit : http://image-upload.de/image/7oxg97/15b1b6d443.png

Bitte um Hilfe. ich glaube dass ich nach dem insert der html tags das popup plugin irgentwie neu laden muss. sowei es bei der listview ist

$('#uList').listview("refresh");

.

Ich hoffe sehr das mir jemand helfen kann.

Mit besten Grüßen

 

[Jhorst]

Habs gelöst... dass das hier niemand weis, aber ok.

Ich habe $('#popup_area').append($pop.popup()); mit $('#popup_area').append($pop).trigger("create");

ersetzt und nun werden die popup tags korrekt miteinbezogen.

Danke trotzdem ;-)