为什么选择的插件没有更新？

Question

我有模型Dog和Category与他们的形式在同一页上。我正在使用Chosen Plugin，当我添加一个类别时，它不会更新狗形式的类别选择。两者都是远程表单并创建相同的方式，使所述new.js.erb和create.js.erb基本上是相同的：

宠物/ index.html.erb

<div class="tabbable"> 
    <ul class="nav nav-tabs"> 
     <li class="active"> 
     <a href="#tab1" data-toggle="tab">Dog</a> 
     </li> 
    </ul> 
    <ul class="nav nav-tabs"> 
     <li class="active"> 
     <a href="#tab2" data-toggle="tab">Category</a> 
     </li> 
    </ul> 
    <div class="tab-content"> 
     <div class="tab-pane active add-dog-form" id="tab1"> 
     <%= render "dogs/form" %> 
     </div> 
    </div> 
    <div class="tab-content"> 
     <div class="tab-pane active add-category-form" id="tab2"> 
     <%= render "categories/form" %> 
     </div> 
    </div> 
</div> 

狗/ new.js.erb

$('.add-dog-form').html('<%= escape_javascript(render(:partial => 'dogs/form', locals: { dog: @dog })) %>'); 

狗/ create.js.erb

$('.add-dog-form').html('<%= escape_javascript(render(:partial => 'dogs/form', locals: { dog: @dog })) %>'); 

狗/ _form.html.erb

<%= form_for(@dog, :remote => true) do |f| %> 
    <%= f.text_field :name %> 
    <%= f.select :category_ids, Category.all.collect {|c| [c.name, c.id]}, {}, 
     { :multiple => true, :class => "category-select" } %> 
    <%= f.submit %> 
<% end %> 

的application.js

jQuery(function($) { 
    // Chosen Select Menu 
    $('.category-select').chosen().trigger("liszt:updated"); 
}); 

任何人工作，这个插件和/或不知道如何更新选择菜单？

Answer 1

在application.js 相反的：

$('.category-select').chosen().trigger("liszt:updated"); 

用途：

$('.category-select').trigger("liszt:updated");