我如何使用bootstrap 3 modal打开自己？

Question

我正在为项目使用bootstrap 3。

<div data-target="#bs_id" data-toggle="modal" class="carousel-content" id="bs_id">

<div> There is a lot of  content here </div>
<div> I like to show all of the content in a modal window </div>

</div>

我要做的是单击ID为“ bs_id”的div，并在模式窗口中显示其所有内容。 我不知道如何引用自己，因此将不胜感激任何帮助，尤其是动态帮助（使用jQuery的.on），

谢谢，

M @ KM

Answer 1

您已将id和data-ref放在同一标签中，它应将id引用到div。 因此，使这样的结构可以正常工作。

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

</div>

Answer 2

 <div data-target="#bs_id" data-toggle="modal" class="carousel-content" >
      <div class="content_wrapper modal fade" id="bs_id" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div> There is a lot of  content here </div>
        <div> I like to show all of the content in a modal window </div>
       </div>    
     </div>