質問: ※修正しました。 修正箇所は文末です。 ### 前提・実現したいこと Twitterのモーダルウィンドウのように投稿へのいいね!や投稿の削除リンクを実装したいです。 こんな感じです。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/8af535ba2f1851b267a2e278801078a6.png) ### 書き出し **data-~=" "**に**link_to~**を挿入し**jQuery**でデータを送っているのですがモーダルウィンドウ上に表示されません。 ### 実行手順 1表示させるイベントを置いている箇所にデータを収納。 2****内で**jQuery**を動かす。 3モーダルウィンドウで表示。 1表示させるイベントを置いている箇所にデータを収納。 【**_micropost.html.erb**】 ``` ">★★ ``` 2****内でjQueryを動かす。 【**_micropost.html.erb**】 ``` ``` 3モーダルウィンドウで表示。 ``` ★★ Modal内容 ``` ※ヘルパーの中身 ・同ファイルでヘルパーが機能していることは確認済みです。 ``` def user_delete(micropost_user, micropost) if user_signed_in? link_to "delete", micropost, method: :delete, data: { confirm: "本当に投稿を削除していいですか?" } if current_user?(micropost_user) end end ``` ### 結果の予想 最終的にはこのようなイメージリンクをモーダルウィンドウに表示する予定でした。 【イメージリンク】 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/3d9131dd0d599be4e73bf719aeef5a5f.png) ### 実際の結果 モーダルウィンドウでご表記されるどころかモーダルウインドウを開く投稿上に表示されてしまいました。 【≠モーダルウィンドウ】 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/6fbf7048d54487367c52f8aa01962bce.png) 【モーダルウィンドウ】 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/e595357b904d34bde35135c6d88d08be.png) ### ステップ明記 1の時点で間違っていると思います。 **Bootstrap**のモーダルウィンドウにおけるリンク表示の方法が全くべつにあると思いました。というのも、**data-user_delete=**の値を文字列、インスタンス変数.メソッドなどにするとモーダルウィンドウ上に表示されるからです。 ### 文献の引用 Bootstrap日本語リファレンス ### 環境 ―― Gemfile ``` bootstrap-sass (3.3.7, 3.2.0.0) ``` **Bootstrap**のモーダルウィンドウ機能でリンクを挿入する記事を自分なりに探したのですが、見つかりませんでした(* ́Д`) 何卒よろしくお願いします。 ### 修正点 1モデルが違いました。 ∟Userでログインをしているにも関わらず、Shopユーザー表示のモーダルをいじっていました。これがデータを送っているにも関わらず、モーダル上にリンクが表示されない原因です。 2モーダルに表示された文字は** ``` 【条件2】 ヘルパーをモーダル箇所に記載 【結果】エラー データを取り出せないため。 ``` undefined local variable or method `micropost' for #<#:0x000000050f3de0> ``` **case2**:~**case1**のデータを取り出せない点を踏まえて~ 【条件1】 idを基に戻し、jsを復帰させる。 ``` ``` 【条件2】 modalの内容部分は**_micropost.html.erb**に記載するとコードが多くなりますので、パーシャルにして別ファイルにmodal箇所のコードを記載し、ファイルを呼び出していました。そこを、**_micropost.html.erb**に戻したところ、成功しました! ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/33ec806fc5c1a91b07fbca8c180d44ee.png)
回答: とりあえず私はほぼ何もしていませんが、問題点を絞り込んでいったら解決したようです。 やりとりについては「情報の追加・修正の依頼をする」を参照ください。