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

您尝试收听点击事件的元素似乎是您在javascript中尝试收听的课程activiteitInfo而不是activiteitenInfo。

Answer 2

你有拼写错误，请使用：

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

Answer 3

您的元素类是＆＃34; activiteitInfo＆＃34;，并且您正在寻找＆＃34; activiteitenInfo＆＃34;。

Answer 4

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 5

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

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

显示div作为块的Onclick不起作用？

5 个答案: