Javascript jQuery动态显示没有静态HTML属性的弹出窗口

我有一个弹出模式错误消息，当我向html标记添加属性时会触发该消息，如下所示：

  <button class="btn btn-alt4" data-toggle="modal" data-target="#mod-error" >Cancel Me</button>

当我添加此属性时，每当我单击按钮时，模式错误消息就会弹出并显示在屏幕上

我想触发此模式显示在此按钮上，但通过jQuery动态显示如下：

$(document).on("click",".btn-alt4",function()
{
 // trigger the modal here
});

我试过做一些类似的事情：

$("#mod-error").trigger("click");

但这没什么用

如何通过jQuery实现这一点？

尝试使用引导的

.modal（“打开”）

功能打开modal

$(document).on("click",".btn-alt4",function()
{
 $("#mod-error").modal("open");
});

尝试使用引导的

.model（“打开”）

功能打开模式

$(document).on("click",".btn-alt4",function()
{
 $("#mod-error").modal("open");
});

---

嘿，谢谢你的回复！=）为了使用这个modal（）方法，我必须引用哪个库？现在我得到了这个错误：Uncaught TypeError:f[b]不是一个函数我假设你使用的是引导，不是吗？是的，但出于某种原因，我得到了这个错误=/模态打开了吗，你使用的是什么版本的引导？嘿，谢谢你的回答！）为了使用这个modal（）方法，我必须引用哪个库？现在我得到了一个错误：Uncaught TypeError:f[b]不是一个函数我假设你正在使用引导，不是吗？是的，但是出于某种原因我得到了这个错误=/模态打开了吗，你正在使用什么版本的引导？