Aufruf einer jquery-Funktion nach SP.UI.ModalDialog.showModalDialog

Question

Ich versuche, eine Funktion mit jQuery aufzurufen, nachdem ein SP.UI.ModalDialog.showModalDialog geladen wurde. Oder, um genauer zu sein, ich möchte die Funktion aufrufen, während SP.UI.ModalDialog.showModalDialog geladen ist.

Dies ist der Dialog i öffnen wollen:

var test = '<div id="correspondence"><div>Assign to:</div> <input class="inputPeoplePicker" type="text" name="taskname" id="txtTaskName"></div>'; 

$('body').append(test); 

jQuery(".inputPeoplePicker").peoplePicker(); 

SP.UI.ModalDialog.showModalDialog({ 
    html: document.getElementById('correspondence'), 
    title: "Aufgabe erstellen", 
    allowMaximize: false, 
    showClose: true, 
    autoSize: true, 
}); 

Dies ist der Befehl jQuery die Funktion zu laden:

jQuery(".inputPeoplePicker").peoplePicker(); 

Die People() Funktion ist eine Funktion, die ich von jQuery Plugin aufrufen Ich habe von hier: Plugin

Der People Picker funktioniert gut auf einer InputBox außerhalb des ModalDialog.

Mein Problem ist, dass die PeoplePicker Vorschläge hinter dem ModalDialog angezeigt werden. Es sieht so aus: Screenshot

Ich glaube, wenn ich die Funktion im ModalDialog aufrufen, werden die PeoplePicker Vorschläge korrekt angezeigt.

Vielen Dank.

Answer 1

Meine automatische Vermutung ist, dass der Z-Index des SP.UI.ModalDialog ist höher als die von People.

Versuchen Sie, die token-input.css-Datei zu optimieren und den z-index höher einzustellen. Verwenden Sie den Element-Inspektor Ihres Browsers, um die Werte anzuzeigen.