Wie führe ich ein Ajax Modal Popup basierend auf einer "data-" Eigenschaft aus?

Question

Ich habe eine dynamisch erstellte Liste und weiß im Voraus nicht, wie viele Einträge es geben wird.

Ich brauche jede, um eine etwas andere Ajax-Funktion beim Anklicken zu starten.

Ich verwende derzeit JQM für die modalen Boxen (ich kann gerne wechseln, wenn jemand etwas Besseres weiß).

Der folgende Code funktioniert gut für die Erstellung aller .ajaxpopup Elemente starten die gleiche Seite:

  $().ready(function () {
            $('#dialog').jqm({ ajax: "/QuestionManager/AjaxPopup/1", trigger: ".ajaxpopup" });

            $(".ajaxpopup").click(function (e) {
                e.preventDefault();
            });

Ich brauche jedoch jedes Element, um eine andere Seite zu starten (1/2... ich kenne die ID nicht im Voraus).

Ich mag Adams Antwort über das Hinzufügen einer data-itemid Tag mit dem Element verbinden, aber ich scheine das nicht hinzubekommen.

Ich weiß nicht, ob dies eine JQM-Beschränkung ist oder auf die Art und Weise zurückzuführen ist, wie es initiiert wird.

Ich bin dem am nächsten gekommen:

$(document).on("click", "a", function () {
        var itemId = $(this).data("itemid");

        $('#dialog').jqm({ ajax: "/QuestionManager/AjaxPopup/"+itemId, trigger: ".ajaxpopup" });
    });

Ich habe auch die Dialogzeile ersetzt durch alert(itemId) Ich weiß also, dass ich auf dem richtigen Weg bin - ich scheine es nur nicht hinzubekommen!

Kann jemand helfen?