Q&A
JavaScriptの読み込み部分はどこでしょうか。
https://gyazo.com/d077407d76c9bcbf716a212648ea6171
このようなブログを作っており、グレー、カメラ部分をタッチするとフォルダが、開けるような機能を実装しようとしています。
しかし、Uncaught ReferenceError: jQuery is not defined at というエラーがクロームのコンソールを調べるとでできます。これは、ジェークエリーが、読み込まれていない、定義されていないことだと検索などで分かりました。
<%= form_for article do |f| %>
<div class="form-group padding-bottom-15"> <%= f.label :title, 'タイトル' %> <%= f.text_field :title, class: 'form-control' %> </div> <div class="form-group"> <%= f.label :body, '本文' %> <%= f.text_area :body, rows: 10, class: 'form-control' %> </div> <%= f.submit class: 'btn btn-success' %> <% end %> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー $ -> $('#cover-image').click -> $('#article_image').click() false コードはこちらです。 誤字がないか、記述ミスがないか、検索などで、あれこれ一時間半くらい経ちましたが、分かりません。 ご教授お願いいたします。<%= f.attachment_field :image %>
コメントありがとうございます。
cable.js
// Action Cable provides the framework to deal with WebSockets in Rails.
// You can generate new channels where WebSocket features live using the `rails generate channel` command.
//
//= require action_cable
//= require_self
//= require_tree ./channels
(function() {
this.App || (this.App = {});
App.cable = ActionCable.createConsumer();
}).call(this);
application.js
// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree .
jsはこんな感じなのですが、なぜエラーが出るのかが分かりません、、、
jQueryの読み込み部分はどこでしょうか？
# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://coffeescript.org/
$ ->
$('#cover-image').click ->
$('#article_image').click()
false
ここですか？ですがここはjsですよね？
回答1件
0
ベストアンサー
jsはこんな感じなのですが、なぜエラーが出るのかが分かりません、、、
おそらく、jQuery本体を読み込んでいないからだと思われます。
投稿2019/11/27 13:28
総合スコア145977
かしこまりました！！ありがとうございます。新たにfileを作成したら良いのでしょうか。動画学習ですが、coffee script 以外記述していませんでした,,,,,
あなたの回答
tips
プレビュー
