Select2不呈现项目

Question

我的select2表现得非常奇怪，它打开了，但项目没有显示，这里是截图 打开

关闭

我的标记是

<select id="gender">
    <option value="Male">Male</option>
    <option value="Female">Female</option>
</select>

这是我的js代码

$("#gender").select2({
    theme: "classic",
    placeholder: "Gender",
    allowClear: true,
    width: "100%"
});

尝试了所有的事情，但它所做的只是浪费我的时间和.select2-结果通过检查员存在但显示空白，只是绘制框架，任何帮助解决这个问题将非常感激。提前谢谢。

编辑1 我把选择放在父html上就可以了，但是选择是在animatedModal中，这就是问题出现的地方