Rails 中 html.slim 中的 Select2 实现

Question

我正在尝试使用 rails 中的 select2 gem 来实现下拉搜索。我通过将 gem 添加到 Gem 文件并运行 bundle install 来安装它。

我将以下命令保存在 application.js 文件中

//= require select2

我将以下命令保存在 .css 文件中

/*
 *= require select2
 */

这是 html.slim 的 html

<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 调用放在你的 slim 文件中，在整个页面的底部，但删除 Document.ready 函数，如下所示：

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

由于您是在渲染选择后调用它，因此您无需再次调用Document.ready。

如果您更喜欢使用咖啡脚本：

coffeeview:
  $('#user_country_id').select2