Javascript 模式显示onclick jquery

我想在单击按钮时显示模式。我遵循了引导文档，但由于某些原因，模式没有出现。以下是我的代码：

模态：

<div class="modal fade" id="commonModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">

                </button>
            </div>
            <div class="modal-body">
                <p>.............</p>
            </div>
            <div class="modal-footer">
                ..........
            </div>
        </div>
    </div>
</div>

---

您只需要添加引导CDN

$（文档）.ready（函数（）{
$（'button.btn view details'）。在（'click'，function（）上{
$（'#commonModal'）.modal（'show'）；
})
})

..........
按钮：
查看详细信息

在按钮上，您可以添加

数据目标

属性，无需通过jQuery触发弹出窗口：

<button type="button" class="btn btn-secondary btn-view-details"
data-toggle="modal" data-target="#commonModal"> View Details</button>

查看详细信息

有控制台错误吗？没有，没有。公认的答案解决了我的问题。

  $(document).ready(function(){
            $('button.btn-view-details').on('click', function () {
                $('#commonModal').modal('show');
            })
 })

<button type="button" class="btn btn-secondary btn-view-details"
data-toggle="modal" data-target="#commonModal"> View Details</button>