Question

文档就绪时，

.Category-list-L2处于隐藏元素

参考代码：

＆＃13;

$("#rn_ProductTriageUpperList li").on("click", function() {
  $("body #guided").hasclass(".Category-list-L2").on("click", function() {
    alert("in");
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<head>
  <title></title>
</head>

<body>
  <div class="container">
    <div id="rn_ProductTriageUpperList" class="levelone">
      <ul>
        <li>Some Questions</li>
        <li>Some Questions</li>
        <li>Some Questions</li>
        <li>Some Questions</li>
        <li>Some Questions</li>
      </ul>
    </div>
    <div id="guided" class="leveltwo" style="display: none;">
      <ul>
        <li>Some answers</li>
        <li>Some answers</li>
        <li>Some answers</li>
      </ul>
    </div>
  </div>
</body>

</html>

＆＃13;

显示与某些问题相关的一些答案

第一级是问题，第二级是答案

单击一些问题时单击

然后应显示相关答案。

Answer 1

如果第二个按钮被隐藏，直到单击第一个按钮，那么为什么需要嵌套呢？

在单击按钮1之前，您无法单击按钮2，因为按钮2不会在那里单击。

就这样写：

    $(".Category-list-L2").on("click",function(){
        alert("in");
    });

嵌套在点击功能不起作用

1 个答案: