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

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

新規登録して質問してみよう
ただいま回答率
85.49%
Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

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

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

解決済

1回答

1019閲覧

heroku上でbootstrapのjQuaryが発動しない

params_bird

総合スコア26

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

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

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

2クリップ

投稿2019/05/13 09:16

###問題点
ローカルではjQaury動いているのですが、
heroku上でbootstrapのjQuaryが発動しない問題に直面しております。
お分かりになる方いらっしゃいましたらご教授お願い申し上げます。

###試したこと
下記の記事を参考に試してみましたが変化ありませんでした。
turbolinksの記述を削除
jqueryを先に読み込み順調整

###現在のコード

js

1//= require jquery 2//= require popper 3//= require bootstrap-sprockets 4//= require rails-ujs 5//= require_tree .

html

1<!DOCTYPE html> 2<html lang='ja'> 3<head> 4<meta charset='utf-8'> 5<meta content='width=device-width, initial-scale=1, shrink-to-fit=no' name='viewport'> 6<meta name="csrf-param" content="authenticity_token" /> 7<meta name="csrf-token" content="Nd6KLeA+TmS/D/mkoRLKvXyqYHMfgrKgH/0ZD43ZXRM2DgmXEfL5QEFmkyboXstDgD/s4KaMBpFvQAWbmP3oeA==" /> 8<title>Soudan</title> 9<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'> 10<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> 11<link crossorigin='anonymous' href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' integrity='sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T' rel='stylesheet'> 12<link rel="stylesheet" media="all" href="/assets/application-4c892e5ac2accb1efafbaf1d6ad738db7068bb99b10fd0b8fe9e7cd1251bbc29.css" data-turbolinks-track="reload" /> 13 14下記CDN読み込み箇所です。 15<script crossorigin='anonymous' integrity='sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1' src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js'> 16<script crossorigin='anonymous' integrity='sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM crossorigin=' src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'> 17<script src="/assets/application-82d314de30a8f345208467fda48d01f4ff0ea1dd4d9ee169214f4f30005e6497.js" data-turbolinks-track="reload"></script> 18</head> 19

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

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

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

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

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

guest

回答1

0

自己解決

なぜか分かりませんが、他のjqueryの記述を一旦消しbootstrapのjQueryが動きました。
その後一時的に削除した他のjqueryを戻すと互いに影響を及ぼすことがなく動いております。
ありがとうございました。

投稿2019/05/14 13:07

params_bird

総合スコア26

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.49%

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

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

質問する

関連した質問