Jquery 引导模式不显示无或显示为模式

我试图得到一个简单的模式窗口显示，它是不能正常工作

它显示为不透明度：0，这很好，但没有显示：无

当我点击链接时，它会将其取消隐藏并聚焦于它，但它不会以固定位置显示，因此看起来就像页面上的另一个元素

这是标记：

                    <div class="profile-Photo-container">
                    <a href="#" data-target="#profile-pic-upload" data-toggle="modal">
                        <img class="profile-photo" src="" />
                    </a>
                    <div class="model fade" id="profile-pic-upload" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h3 class="modal-title">Profile Picture</h3>
                                    <a class="close" data-dismiss="modal">&times;</a>
                                </div>
                                <div class="modal-body">
                                    <p>Add stuff here</p>
                                </div>
                                <div class="modal-footer">
                                    <a href="#" class="btn" data-dismiss="modal">Close</a>
                                    <a href="#" class="btn btn-primary">Edit Profile Picture</a>
                                </div>
                            </div>
                        </div>
                    </div>

侧面图

---

有人能帮忙吗？

你的代码有一个输入错误：你在第5行写的是

model

而不是

model

。

可能是输入错误？你在代码的第5行写了

model

而不是

modal

。我看起来不傻。真不敢相信我错过了。谢谢你的帮助。把它写在答案里，我会把它标记为答案：）