Question

我正在动态加载包含Bootstrap标记的HTML模板。但是，没有任何Bootstrap Javascript行为应用于加载的内容。例如，如果加载的内容包含Bootstrap模式的标记，则模态不会正常运行。

有没有办法可以触发Bootstrap 刷新或将它的Javascript应用到新加载的内容？

Answer 1

你需要在回调函数/请求对象加载动态内容时初始化模态

如果没有看到你的代码就很难说，但这样的事情

require(['!text/myDynamicTemplate.html'], function(template){
   //logic to render the template and/or insert it into the dom here

   $('#myModal').modal(options)
})

编辑：

Bootstrap单独定义其javascript插件。没有全局引导对象

这是工具提示的插件定义

  function Plugin(option) {
    return this.each(function () {
      var $this   = $(this)
      var data    = $this.data('bs.tooltip')
      var options = typeof option == 'object' && option

      if (!data && /destroy|hide/.test(option)) return
      if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
      if (typeof option == 'string') data[option]()
    })
  }

  var old = $.fn.tooltip

  $.fn.tooltip             = Plugin
  $.fn.tooltip.Constructor = Tooltip


  // TOOLTIP NO CONFLICT
  // ===================

  $.fn.tooltip.noConflict = function () {
    $.fn.tooltip = old
    return this
  }

}(jQuery);

因此，您唯一可以通过$（＆＃39;＃myID＆＃39;）访问工具。工具提示是构造函数和初始化程序

您可以在不修改引导代码的情况下做到最好

$('[data-toggle=tooltip]').tooltip()