質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

448閲覧

jQueryが導入できない

tetsuya7724

総合スコア67

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2020/04/21 15:41

前提・実現したいこと

プログラミング初心者です。
rails にjQueryを導入したいのですが、動作しないです。
フォルダの構成とgemfile.lockの画像も載せます

発生している問題・エラーメッセージ

jQueryの動作を確認するため、viewにjQueryのコードを追記。
動作しなかった。

該当のソースコード

html

1 <p>jQuery稼働テスト</p> 2<script type="text/javascript"> 3$(document).ready(function() { 4 $("p").css("color", "red"); 5}); 6</script> 7</body> 8</html>

js

1//= require jquery 2//= require rails-ujs 3//= require activestorage 4//= require turbolinks 5//= require_tree .

イメージ説明
イメージ説明

試したこと

gemfileにgem 'jquery-rails'を追記しbundle installした。
gemfile.lockにjquery-railsが入っていることを確認した。
app/assets/javascripts/application.jsにapplication.jsを作成。
//= require jqueryをapplication.jsに追記。

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

jqueryのソースはfunctionで囲んであげないと実行できなかったと思います。

HTML

1<script type="text/javascript"> 2$(function(){ 3 $(document).ready(function() { 4 $("p").css("color", "red"); 5 }); 6}) 7</script>

投稿2020/04/21 17:17

KoyoTanaka

総合スコア13

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kyoya0819

2020/04/21 18:20 編集

> jqueryのソースはfunctionで囲んであげないと実行できなかったと思います。 質問者が提示の情報では判断しかねますが、必ずしもfunctionで囲えば実行できるとは限らないと思います。
tetsuya7724

2020/04/22 01:47

functionで囲みましたが動作しませんでした。 提示された情報で判断できないのであれば、どのような情報を提示すれば判断できますか?
kyoya0819

2020/04/22 02:05

出力後のHTMLで、jQueryの読み込み位置と、該当のスクリプトの記述位置をご提示ください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問