🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Ruby on Rails 5

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

Q&A

解決済

1回答

1230閲覧

モーダルが表示されません

RThe

総合スコア25

Ruby on Rails 5

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

0グッド

0クリップ

投稿2021/01/05 04:27

トップページのlink_toからモーダルを表示したいのですが、表示がされない状況です。
下記に該当ファイルと現段階のターミナルログを貼らせて頂きますので、
お手数おかけしますが、解決の術をご教授頂けると幸いです。

*routes.rb*

rb

1Rails.application.routes.draw do 2 # トップページ 3 root 'home#top' 4 # モーダルページ 5 get '/top_overview', to: 'home#top_overview' 6end 7 8

*トップページerb*

erb

1<div class="title"> 2 <h1>Reception table</h1> 3 <p>新規登録は<%= link_to "こちら", "#" %></p> 4 5 <!--モーダルに遷移するlink_to--> 6 <p>本アプリの<%= link_to "概要", top_overview_path, remote: true %></p> 7</div> 8 9<div class="login_button"> 10<a href="#" class="btn-sticky">管理者ログイン</a> 11<a href="#" class="btn-sticky2">ご契約者様ログイン</a> 12</div> 13 14<!--モーダルウインドウ表示--> 15<div id="top-overview" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"></div>

*モーダルページのパーシャル(_top_overview.html.erb)*

erb

1テスト

*モーダルを出力するjs.erb(top_overview.js.erb)*

erb

1$("#top-overview").html("<%= escape_javascript(render 'top_overview') %>"); 2$("#top-overview").modal("show");

*コントローラー*

rb

1class HomeController < ApplicationController 2 def top 3 end 4 5 def top_overview 6 end 7end 8

*link_toを押した際のターミナル*

Started GET "/top_overview" for 127.0.0.1 at 2021-01-05 13:22:26 +0900 Processing by HomeController#top_overview as JS Rendering home/top_overview.js.erb Rendered home/_top_overview.html.erb (0.2ms) Rendered home/top_overview.js.erb (5.4ms) Completed 200 OK in 19ms (Views: 11.8ms | ActiveRecord: 0.0ms)

*rails info*

イメージ説明

宜しくお願い致します。

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

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

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

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

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

guest

回答1

0

ベストアンサー

modal処理はjs側の仕様だと思うのでコンソールでエラーを確認してください
jQueryやjquery.modalを読んでないだけのような気もしますが・・・

投稿2021/01/05 04:43

編集2021/01/05 04:44
yambejp

総合スコア116690

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

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

RThe

2021/01/05 04:59

早急にご回答下さりありがとうございます。 コンソールではlink_toを押した際のターミナルの内容が出るのみで、エラーの内容は出ていない状況です。 今一度読み込みを確認させて頂きます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問