javascript - 使用 jQuery 向下遍历 Bootstrap DOM

Question

首先是我的 HTML:

<div id="master-template" class="row" style="height: 600px;">

   <!-- Left Side -->
   <div class="col-lg-6" style="height: 100%;">

       <div class="row"  style="height: 50%;" >

           <div class="region col-lg-12" data-div="1">

           </div>

       </div>

       <div class="row" style="height: 50%;">

           <div class="region col-lg-12" data-div="2">

           </div>

       </div>

   </div>

   <!-- Right Side -->
   <div class="region col-lg-6" style="height: 100%;" data-div="3">

   </div>

 </div>

还有我的jQuery:

$("#master-template").find('.region').click(function() {
    alert("click");
});

因此，我只有在单击“右侧”时才会收到警报。因为是直系后裔。其他人不注册；几乎就像 .row 正在阻止它一样。有没有一种方法可以(使用一个或两个)jQuery 中的 click 函数为所有 .region 的 div 注册点击？ child 、孙子等？

Answer 1

发生这种情况是因为 Right Side 是唯一具有任意维度的 .region DIV。 (凭借 height:100%)。

另外两个 .region 没有被点击，因为它们没有维度(height 是 0 )