Bootstrap Modal：列全体をクリック可能にする

Question

私はこのwebsiteのいくつかのモーダルウインドウをテストしています。ご覧のとおり、モーダルは再生ボタンをクリック/タッチするとトグルされます。

私の質問は、列全体をクリック可能にしてモーダルを開くことですか？

私は、結果を出さずにdata-targetでdiv全体のデータトグルを定義しようとしました。

これは、HTMLコードです：あなたはそのオープンモーダルクリックであなたが望むあなたのdivのidを割り当て、次のように行うことができます

<!-- Button trigger modal --> 
<i class="fa fa-play btn btn-lg" aria-hidden="true" type="button" data-toggle="modal" data-target="#myModal"></i> 
</div> 
<!-- Modal --> 
<div class="modal fade modal-video" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog modal-lg" role="document"> 
<div class="modal-content"> 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Title 1</h4> 
    </div> 
    <div class="modal-body"> 
     <video controls="" width="100%" id="video"> 
     <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"> 
     </video> 
     <div class="modal-text"> 
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p> 
     </div> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn button-eh-magenta">Go to Shop</button> 
    <a href=""><button type="button" class="btn button-eh-magenta">Share</button></a> 
    </div> 
</div> 

Answer 1

：

$('#specified_div').click(function(){ 
    $('#targetmodal').modal(); 
}); 

別の方法は、の要素モーダルをクリックして、任意の要素にdata-toggle="modal"とdata-target="#targetmodal"を追加することですが開きます。

---

ここで、ブートストラップサイトの引用である：データを介して

はJavaScriptを記述することなく、モーダルを有効に属性。ボタンのようなコントローラエレメント上に data-target="#foo"またはhref="#foo"と一緒に トグルに特定のモーダルをターゲットにして、data-toggle="modal" を設定します。私はすでに割り当てデータ・トグルおよびデータで試してみました

$('#myModal').modal(options)