在SP.UI.ModalDialog.showModalDialog之后调用jquery函数

Question

我尝试在加载SP.UI.ModalDialog.showModalDialog后使用jQuery调用函数。或者更具体地说，我想在加载SP.UI.ModalDialog.showModalDialog时调用该函数。

这是我要打开的对话框：

n*(n-1)*(n-2)/6

这是加载函数的jQuery命令：

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,
});

peoplePicker（）函数是我从jQuery插件调用的函数：Plugin

People Picker适用于ModalDialog之外的InputBox。

我的问题是PeoplePicker建议显示在ModalDialog后面。它看起来像这样： Screenshot

我相信，当我调用ModalDialog中的函数时，PeoplePicker的建议会正确显示。

谢谢。

Answer 1

我的自动猜测是SP.UI.ModalDialog的z-index高于peoplePicker的z-index。

尝试调整token-input.css文件并将z-index设置得更高，使用浏览器的元素检查器查看值。