Question

我有3个可点击元素，每个元素都依赖于前一个被按下的元素。有没有办法可以在单击父元素之前删除单击子元素的功能？

A -> B -> C

'A'必须在'B'和'C'之前点击。单击A时，“B”应该变为可点击，但仍然无法单击“C”。单击“B”时，可以单击“C”。

我甚至不确定这是否可以用JQuery完成，但如果可以的话，它会很好并且可以节省一些后端编码。

这可以用Jquery吗？

<img src="1.png" />
<img src="2.png" />
<img src="3.png" />

Answer 1

您如何考虑将标志类添加到可以单击的元素中？点击A后，您将此课程添加到B（或.data（＆＃39;可点击＆＃39;，＆＃39; true＆＃39;），例如，如果您不喜欢课程等）。< / p>

Answer 2

HTML标记

<div class="A">
   <div class="B">
       <div class="C">
       </div>
   </div>
</div>

<强>的jQuery

$(".A").click(function(){
  $(this).addClass("aClicked");
  // Rest of the code on click of A
});

// Will not work untill A is clicked and has a class .aClicked
$(document).on("click", ".A.aClicked .B", function(){
   $(this).addClass("bClicked");
  // Rest of the code on click of B
});


// Will not work untill B is clicked and has a class .bClicked    
$(document).on("click", ".A.aClicked .B.bClicked .C", function(){
  // Rest of the code on click of C
});

如何取消绑定父元素的子元素？

2 个答案: