首先是我的 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 、孙子等?
最佳答案
发生这种情况是因为 Right Side 是唯一具有任意维度的 .region
DIV。 (凭借 height:100%
)。
另外两个 .region
没有被点击,因为它们没有维度(height
是 0 )
关于javascript - 使用 jQuery 向下遍历 Bootstrap DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31167761/