选择选项在使用MaterializeCSS的Rails中不起作用

账单

我在rail_的form_for中有一个select选项。在安装实现之前,它一直在工作,但是在安装之后,它不再起作用。请在下面查看我的代码:

游戏模型

class Game < ActiveRecord::Base

    GENRES = ['Action', 'Adventure', 'RPG', 'Simulation', 'Strategy', 'Sports', 'Others']
    PLATFORMS = ['3DS', 'WII U', 'NX', 'PC', 'Playstation', 'XBOX', 'PS Vita', 'Mobile', 'Others']

end

new.html.erb

<h1> Add Game </h1>

<%= form_for :game, url: games_path do |f| %>
    Title: <%= f.text_field :title %> <br />
    Genre: <%= f.collection_select :genre, Game::GENRES, :to_s, :to_s, :include_blank => true %> <br />
    Platform: <%= f.collection_select :platform, Game::PLATFORMS, :to_s, :to_s, :include_blank => true %> <br />
    Release Date: <%= f.date_field :release_date %> <br />
    Progress: <%= f.number_field :progress %> <br />
    Rating: <%= f.number_field :rating %> <br />

    <%= f.submit 'Add Game', class: 'add_game_button' %>
<%end%>
艾伦·佩雷拉(Allan Pereira)

MaterializeCSS使用select元素的自定义实现,您必须使用jQuery手动对其进行初始化:

$(document).ready(function() {
    $('select').material_select();
});

有关更多详细信息,请查看MaterializeCSS docs

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

选择选项在使用MaterializeCSS的Rails中不起作用

来自分类Dev

使用jQuery选择选择选项不起作用

来自分类Dev

jQuery更改事件在选择选项中不起作用

来自分类Dev

选择选项的验证不起作用

来自分类Dev

通过ng-click选择选项在使用AngularJS的chrome浏览器中不起作用

来自分类Dev

通过ng-click选择选项在使用AngularJS的chrome浏览器中不起作用

来自分类Dev

HTML:选择选项样式不起作用

来自分类Dev

jQuery onchange选择选项不起作用

来自分类Dev

选择选项元素上的click事件不起作用

来自分类Dev

HTML:选择选项样式不起作用

来自分类Dev

选择选项不起作用 laravel 5.4

来自分类Dev

选择选项的Javascript在Chrome浏览器中不起作用

来自分类Dev

Angular JS-ng-click在选择选项[Chrome]中不起作用

来自分类Dev

选择选项,点击事件在 IE11 中不起作用

来自分类Dev

我想在选择选项中动态显示图像但不起作用

来自分类Dev

基于数组的 jQuery 选择选项在 Safari 中不起作用

来自分类Dev

使用select2的动态选择选项不起作用

来自分类Dev

用于选择选择选项和单击按钮的jQuery代码不起作用?

来自分类Dev

MaterializeCSS多项选择不起作用

来自分类Dev

角度引导UI选项卡选择选项不起作用

来自分类Dev

角引导程序ui选项卡选择选项不起作用

来自分类Dev

设置为第一项的Angularjs选择选项不起作用

来自分类Dev

页面加载不起作用后,在更改复印值选择选项功能上

来自分类Dev

HTML默认选择选项-不同的颜色-在当前的jQuery上不起作用

来自分类Dev

无法在materializecss select中选择选项

来自分类Dev

Tooltipster悬停选择和选项在IE中不起作用

来自分类Dev

默认选择的选项在angularjs中不起作用

来自分类Dev

添加使用Jquery和Materialize CSS在HTML中选择的选项在Laravel Blade中不起作用

来自分类Dev

在angular2中,带有ng-repeat的对象数组选择选项不起作用。它赋予[Object object]而不是真实的对象

Related 相关文章

  1. 1

    选择选项在使用MaterializeCSS的Rails中不起作用

  2. 2

    使用jQuery选择选择选项不起作用

  3. 3

    jQuery更改事件在选择选项中不起作用

  4. 4

    选择选项的验证不起作用

  5. 5

    通过ng-click选择选项在使用AngularJS的chrome浏览器中不起作用

  6. 6

    通过ng-click选择选项在使用AngularJS的chrome浏览器中不起作用

  7. 7

    HTML:选择选项样式不起作用

  8. 8

    jQuery onchange选择选项不起作用

  9. 9

    选择选项元素上的click事件不起作用

  10. 10

    HTML:选择选项样式不起作用

  11. 11

    选择选项不起作用 laravel 5.4

  12. 12

    选择选项的Javascript在Chrome浏览器中不起作用

  13. 13

    Angular JS-ng-click在选择选项[Chrome]中不起作用

  14. 14

    选择选项,点击事件在 IE11 中不起作用

  15. 15

    我想在选择选项中动态显示图像但不起作用

  16. 16

    基于数组的 jQuery 选择选项在 Safari 中不起作用

  17. 17

    使用select2的动态选择选项不起作用

  18. 18

    用于选择选择选项和单击按钮的jQuery代码不起作用?

  19. 19

    MaterializeCSS多项选择不起作用

  20. 20

    角度引导UI选项卡选择选项不起作用

  21. 21

    角引导程序ui选项卡选择选项不起作用

  22. 22

    设置为第一项的Angularjs选择选项不起作用

  23. 23

    页面加载不起作用后,在更改复印值选择选项功能上

  24. 24

    HTML默认选择选项-不同的颜色-在当前的jQuery上不起作用

  25. 25

    无法在materializecss select中选择选项

  26. 26

    Tooltipster悬停选择和选项在IE中不起作用

  27. 27

    默认选择的选项在angularjs中不起作用

  28. 28

    添加使用Jquery和Materialize CSS在HTML中选择的选项在Laravel Blade中不起作用

  29. 29

    在angular2中,带有ng-repeat的对象数组选择选项不起作用。它赋予[Object object]而不是真实的对象

热门标签

归档