Bottstrap功能在传单的L.DomUtil元素中不起作用

Question

我在AJAX调用中收到了html代码（字符串）。它具有下拉列表和其他与引导程序相关的东西，如果我将其放在模态内容中，则可以正常工作：

$("#modal-form .modal-content").html(html_string);

但是如果我将其作为动态创建的窗口（L.DomUtil.create('div',..)）的内容，它将无法正常工作，在下拉菜单中不会进行切换。好像这样的html不能由bootstrap评估。

HTML：

  <div class="modal fade autoclean" id="modal-form">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
      </div>
    </div>
  </div>

这很好用：

$.ajax({
  url: "http://.....,
  success: function (html_str) {
    $("#modal-form .modal-content").html(html_str);
    $("#modal-form").modal("show");
  }
});

这不是：

$.ajax({
  url: "http://.....,
  success: function (html_str) {
    var div = L.DomUtil.create('div', 'my-div', container);
    div.innerHTML(html_str);
  }
});

L.DomUtil是用于创建DOM结构的实用方法。（https://docs.eegeo.com/eegeo.js/v0.1.780/docs/leaflet/L.DomUtil）

Answer 1

创建新的div后，尝试使用类似这样的方法向其中添加一个类：

document.getElementById("myDIV").classList.add(".modal-content")

或...

document.getElementById("myDIV").setAttribute("id", "#modal-form");

因此，如果您创建div元素并将其保存到myDiv变量中，则可以

myDiv.setAttribute("id", "#modal-form");

或

myDiv.classList.add(".modal-content")

Answer 2

在源L.DomEvent.on（this._wrapper，'click'，stop）中被禁用，并且单击不触发，因此不应用置信度引导程序。