text_areaをコンテンツの量に合わせて自動で高さを調整してくれるようにしたくてautosize
というgemをインストールして下記のコードをjsファイルに書いたのですが、ブラウザの検証で見たところ、Uncaught TypeError: $(...).autosize is not a function
というエラーが出て進めないので助けて頂きたいです。
$(document).on('turbolinks:load',function() { $('textarea').autosize(); });
htmlは下記のようになっています。
<!DOCTYPE html> <html> <head> <title>Cashiore</title> <%= csrf_meta_tags %> <!-- Bootstrap CSS--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Bootstrap JavaScript--> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- Font-Awesome --> <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> </head> <body> <header> <%= render 'layouts/navbar' %> </header> <div class="container-fluid"> <%= render 'layouts/flash_messages' %> <%= yield %> </div> </body> </html>
回答1件
あなたの回答
tips
プレビュー