Javascript 动态创建的引导下拉列表不'；t崩溃

在我的web应用程序中，有一个按钮可以动态创建具有下拉列表的DOM元素。它是使用引导下拉类实现的。但有一个问题。新元素的下拉列表在打开后不会折叠。一旦我刷新页面，它就可以正常工作，只有创建的新元素才有这个问题。
我检查了代码，发现新元素没有名为

hidden

的事件。其他已经存在的元素都有它。这个“隐藏”事件有一个处理程序，负责切换下拉列表（它从DOM对象中添加/删除sittingOnBody类）

以下是动态创建的下拉列表的haml代码-

.dropdown
      %a{:'data-toggle'=>"dropdown", title: "Options"}
        %i{:icon=>"more"}
      %ul.dropdown-menu.dropdown-menu-right
        %li
          %a.chart_export Export as PNG
        %li
          %a.chart_export Export as JPEG
        - if @current_user.is_admin?
          %li
            %a.export_options Export Chart Data
        %li.divider
        %li
          = link_to "Copy Chart", select_dashboard_organization_analytics_dashboard_chart_path(@organization, @dashboard, chart.id, copy: true), class: 'fancybox fancybox.ajax'
        %li
          = link_to "Move Chart",select_dashboard_organization_analytics_dashboard_chart_path(@organization, @dashboard, chart.id), class: 'fancybox fancybox.ajax'
        %li.divider
        %li
          = link_to "Remove", organization_analytics_dashboard_chart_path(@organization, @dashboard, chart), data: {confirm: 'Are you sure you want to delete this chart?'}, method: :delete, remote: true

---

有人能帮我解决吗。

尝试在插入新的动态元素后调用

$（'.dropdown toggle'）。dropdown（）

无法解决$（'.dropdown toggle'）。dropdown（）向元素添加单击事件。但是元素已经有一个单击事件。“dropdown”类是缺少一个名为“hidden”的事件的类。确切地说，我的想法是，您没有在动态项上侦听事件，但是如果是，我就不知所措了。