将div显示为块的Onclick无法正常工作？

Question

如果您单击某个div，则试图显示文本。 但这不起作用，我也没有收到错误消息吗？

<p class="activiteitInfo">
  <a class="fancybox-inline" style="color: #f3f3f3 !important;">Meer info</a>
</p>
<p class="activiteitReserveer">
  <a href="%3C?php%20echo%20$tijd;%20?%3E" style="color: #f3f3f3 !important;">Reserveren</a>
</p>
<div class="hoi" style="display: none;">
  <?php echo $meer_info; ?>
</div>
<script>
  $(document).ready(function () {
    $(".activiteitenInfo").click(function () {
      $(".hoi").css("display", "block");
    } );
  } );
</script>

Answer 1

看来元素你想监听点击事件上有类activiteitInfo不activiteitenInfo到你想在你的JavaScript听。

Answer 2

您有错字，请使用：

<script>
  $(document).ready(function () {
    $(".activiteitInfo").click(function () {
      $(".hoi").css("display", "block");
    } );
  } );
</script>

Answer 3

您的元素类是“ activiteitInfo”，而您正在寻找“ activiteitenInfo”。

Answer 4

 $(document).ready(function () { $(".activiteitInfo").click(function () { $(".hoi").css("display", "block"); } ); } ); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p class="activiteitInfo"> <button class="fancybox-inline" style="color: #0003 !important;">Meer info</button> </p> <p class="activiteitReserveer"> <a href="%3C?php%20echo%20$tijd;%20?%3E" style="color: #f3f3f3 !important;">Reserveren</a> </p> <div class="hoi" style="display: none;"> test </div> 

Answer 5

尝试这个。 您使用了错误的类名。

 $(document).ready(function() { $(".activiteitInfo").on('click', function() { $(".hoi").css("display", "block"); }); }); 

 .activiteitInfo > a { color: blue; } .activiteitReserveer { color: green; 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p class="activiteitInfo"><a class="fancybox-inline">Meer info Click Me!</a></p> <p class="activiteitReserveer"><a>Reserveren</a></p> <div class="hoi" style="display: none;"> Text </div> <script> </script>