Question

在我的Web应用程序中，有一个按钮可以动态创建具有下拉菜单的DOM元素。它是使用bootstrap下拉类实现的。但是有一个问题。新元素的下拉列表一旦打开就不会折叠。刷新页面后，它可以正常工作，只有创建的新元素才具有该问题。
我检查了代码，发现新元素没有名为hidden的事件。已经存在的其他元素都有它。此“隐藏”事件具有一个处理程序，该处理程序负责切换下拉菜单（它从DOM对象中添加/删除sitingOnBody类）。

以下是动态创建的下拉菜单的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

有人可以帮我解决这个问题吗？

动态创建的引导程序下拉列表不会崩溃

0 个答案: