Bootstrap3を利用してmodalを組み込みたいのですが、クリックする対象を<object>にするとmodalが起動しない状況です。(<img>や<button>だと普通にmodalは起動します。)
クリック対象にPDF画像を利用したい為、<object>を利用したのですが、何か方法があればご教示下さい。
HTML
1 <object data="画像のpath/hoge.pdf" data-toggle="modal" data-target="#myModal" type="application/pdf"></object> 2 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 3 <div class="modal-dialog" role="document"> 4 <div class="modal-content"> 5 <div class="modal-header"> 6 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 7 <h4 class="modal-title" id="myModalLabel">Modal title</h4> 8 </div> 9 <div class="modal-body"> 10 … 11 </div> 12 <div class="modal-footer"> 13 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 14 <button type="button" class="btn btn-primary">Save changes</button> 15 </div> 16 </div> 17 </div> 18 </div>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/10 01:08
2017/12/10 03:31
2017/12/10 05:22
2017/12/10 05:38