动态生成的按钮，未打开模式 Bootstrap 3

Question

我正在使用 bootstrap 3 并使用该类型的元素动态创建按钮

<a class="btn btn-primary" data-id="1" data-toggle="modal" data-target=".ver-persona">
   <i class="fas fa-search"></i> Ver
</a>

我生成按钮的脚本是：

let boton_elem = $('<a>');
boton_elem.addClass('btn');
for(let clase_btn in botones[boton].clases){
    boton_elem.addClass(botones[boton].clases[clase_btn]);
}
for(let data_btn in botones[boton].datas){
    boton_elem.data(botones[boton].datas[data_btn][0],botones[boton].datas[data_btn][1]);
}
if(botones[boton].icon !== undefined){
    let icon_elem = $('<i>');
    for(let clase_icon in botones[boton].icon.clases){
        icon_elem.addClass(botones[boton].icon.clases[clase_icon]);
    }
    icon_elem.appendTo(boton_elem);
}
if(botones[boton].valor.length > 0){
    boton_elem.html(boton_elem.html() + ' '+ botones[boton].valor);
}
if(botones[boton].listens !== undefined){
    for(let listen in botones[boton].listens){
        $('#'+tabla).on(botones[boton].listens[listen].evento,botones[boton].listens[listen].botones[boton].listens[listen].funcion);
    }
}
boton_elem.appendTo(columna_elem);

按钮创建完美，数据在里面，所有参数都正确应用，但是.ver-persona modal没有用生成的按钮打开，页面加载的所有按钮都可以正常工作，并且modal打开正常.

在创建按钮时是否存在刷新或重新评估引导侦听器的方法？或者一些功能来获取按钮建议打开模式？

我制作这个小提琴供参考：Live example

提前致谢。

Answer 1

对于动态内容，可以使用jQuery的.attr添加数据属性。因此，您可以将其改写为boton_elem.attr("data-"+boton.datas[data_btn][0],boton.datas[data_btn][1]);，而不是boton_elem.data(boton.datas[data_btn][0],boton.datas[data_btn][1]);

你可以测试一下here