在动态创建时,bootstrap崩溃无法正常工作

我通过ajax调用获取我的内容并在运行时创建所有可折叠面板。 但是切换function不能以这种方式工作。 我正在使用主干木偶集合和项目视图来创建我的面板组。

我检查了静态内容,它可以正常使用静态数据。

我检查了几个链接,但在我的情况下似乎没有任何工作。

如何使用ajax使Twitter Bootstrap Collapse在动态加载的html上工作

https://github.com/twbs/bootstrap/issues/2274

这是我的html看起来像:

    ...
....

我暂时使用jQuery

  $(".panel").on("click", function(e){ var $_target = $(e.currentTarget); var $_panelBody = $_target.find(".panel-collapse"); if($_panelBody){ $_panelBody.collapse('toggle') } }) 

在ajax成功的新创建的面板上调用.collapse() 。 如果您不知道如何操作,请提供代码段。