■やりたいこと
sample.php内にモーダルウィンドウに進むリンクが2つあります。
表示したい内容はほぼ同じですが、下記の2つめ(モーダルへのリンクB)をクリックして開いたときには、2つあるボタンのうち一つだけ削除した状態で表示したいと思います。
sample.php
<!-- モーダルへのリンクA --> <div class="modal_a"><a data-remodal-target="modal" style="cursor:pointer"></div> <!-- モーダルへのリンクB --> <div class="modal_b"><a data-remodal-target="modal" style="cursor:pointer" href="#test"></div> <!-- モーダルのための読み込み --> <link rel="stylesheet" href="remodal.css"> <link rel="stylesheet" href="remodal-default-theme.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="remodal.min.js"></script> <!-- ここからモーダルウィンドウ 1--> <div class="remodal" data-remodal-id="modal" data-remodal-options="hashTracking:false"> <button data-remodal-action="close" class="remodal-close"></button> <h1>テスト</h1> <!-- ボタン1 --> <button data-remodal-action="cancel" class="remodal-cancel">× 閉じる</button> <!-- ボタン2 ☆モーダルへのリンクBから開いたときに非表示にしたい--> <a class="remodal-confirm" href="sampleB.php" id="test2">ページBに進む</a> </div> <!-- モーダルウィンドウのコンテンツ終了 -->
■やってみたこと
sample.php内に、javascriptを書いて、リンク元によってclass="remodal-confirm"をhiddenにする
<script> var ref = document.referrer; if(ref=="sample.php#test") $( "#test2" ).css( "display" , "hidden" ); </script>
これは効きませんでした。
モーダルは別ページではないので、リファラ取得ではだめでしょうか。
何か、動きそうな方法や考え方のヒントなどありましたら
お答えいただけると大変ありがたいです。
どうぞよろしくお願いします。
回答1件
あなたの回答
tips
プレビュー