时间戳

首页 > 解决方案 > Javascript onclick没有调用函数

javascript - Javascript onclick没有调用函数

问题描述

我有一个图片库，点击每张图片我都翻转了一张图片，里面有一些关于图片的信息。我的问题是onclick我应用的不是调用函数，也没有出现错误console.log。可能是什么原因，任何见解都会非常有帮助。卡在这个简单的问题上但一无所知。

<div class="column">
  <img src="img/image.jpg" alt="Snow" style="width:100%" onclick="openNav1();">
  <div class="overlay" id="myNav1">
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
    <div class="text">Info</div>
  </div>
</div>

<script type="text/javascript">
  function openNav1() {
    console.log('in herre');
    document.getElementById("myNav1").style.display = "block";
  }

  function closeNav() {
    document.getElementById("myNav1").style.display = "none";
  }
</script>

标签： javascripthtmlonclick

解决方案

兄弟，你有一个div.overlay..我想它覆盖了图像，因此你可能不会点击它，<img />因为它总是在div.overlay.. pointer-events: none一种可能的解决方案是应用于.overlay

推荐阅读