javascript - jQuery 动态显示弹出窗口，无需静态 HTML 属性

Question

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

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

请注意此按钮的以下属性:

data-target="#mod-error"

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

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

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

我尝试过做类似的事情:

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

但这没有任何作用......

如何通过 jQuery 实现此目的？

Answer 1

尝试使用bootstrap的.modal("open")函数打开模态框

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