【问题标题】：How could I render partial with ujs and apply javascript on new rendered html如何使用 ujs 渲染部分内容并在新渲染的 html 上应用 javascript
【发布时间】：2015-08-18 03:50:19
【问题描述】：

如何使用 ujs 渲染部分内容并在新渲染的 html 上应用 javascript。

我的索引页面上有两个动态下拉菜单。

当第一个下拉菜单被选中时，第二个下拉菜单将被更新。

我使用 ujs 来渲染第二个下拉菜单，它应该应用于bootstrap-select.js。

但它没有更新视图，而且视图元素消失了。

但是DOM元素已经更新了

ujs

 $("#return_flight_dropdown").html("<%= j render(partial: 'return_flight_dropdown') %>")

哈姆尔

#return_flight_dropdown
    .form-group
      %label.col-sm-4.control-label.form-label= t('arrival')
      .col-sm-8
        %select.selectpicker{:style => "display: none;", :name=> "to", :id=> "return_flight_opts"}
          - @available_destnations.each do |country|
            %optgroup{:label => country["_id"]}
              - options = get_cities_dropdown_opt(country)
              = options_for_select(options, "TOKYO")

【问题讨论】：

标签： ruby-on-rails

【解决方案1】：

对不起，我的愚蠢理解，

我应该重新执行js函数。

$('.selectpicker').selectpicker();

在$("#return_flight_dropdown").html("<%= j render(partial: 'return_flight_dropdown') %>")之后

现在，它可以工作了。

【讨论】：