Rails中的html.slim中的Select2實現

Question

我試圖通過在rails中使用select2 gem進行搜索來實現下拉菜單。我通過將它添加到Gem文件並運行軟件包安裝來安裝gem。

我的application.js文件保存在下面的命令

//= require select2 

我在.css文件保存在下面的命令

/* 
*= require select2 
*/ 

這是HTML的html.slim

<select class="select required w-input text-field w-select positive" id="user_country_id" name="user[country_id]" required="required"><option value=""></option> 

這是需要使用select2實現的html.slim代碼

.w-row 
      = form.association :country, as: :select, wrapper_html: {class: 'w-col w-col-6 w-sub-col'}, input_html: {class: 'w-select', required: true}, required: true 

我嘗試在文檔中給出的select2 js方法中添加id，但它不適用於我。

javascript: 
    | $(document).ready(function() { $("#user_country_id").select2(); }); 

我是新手在這裏。任何關於如何在html.slim中使用關聯實現select2的幫助表示讚賞。 謝謝。

Answer 1

把調用的JavaScript你苗條的文件中，在整個頁面的底部，但除去Document.ready功能如下：

javascript: 
    $("#user_country_id").select2(); 

因爲你是渲染選擇後調用它，你不」需要再次撥打Document.ready。

如果你都喜歡使用的CoffeeScript：

coffeeview: 
    $('#user_country_id').select2