从JavaScript中创建Bootstrap模态框

12 浏览
0 Comments

从JavaScript中创建Bootstrap模态框

我正在尝试添加一个JS CDN脚本，以在特定操作时显示一条消息。为了实现这一目标，我首先尝试让它在任何浏览器上运行。

这是我想要做的事情：

document.querySelector('.circle').addEventListener('click', function() {
  var m1 = $(makeModal('这里是一些内容')); // 我希望跳过使用jQuery创建HTML元素。
  document.body.insertAdjacentHTML('beforeend', m1);
  m1.modal('show');
}, false);
function makeModal(text) {
  return `
    
        
        
Modal Header

        ${text}
        
`;
}




  
  
  一个应用

这个代码可以工作，但是按钮上会附加上[object Object]这个短语。另外，我猜每次有人点击按钮时，节点都会被再次创建。

在模态框出现后，我应该删除它吗？那么，你会如何实现这个问题？

0