Javascript onclick不调用<;上的函数;img>;

Javascript onclick不调用<;上的函数;img>;,javascript,html,onclick,Javascript,Html,Onclick,我有一个图像库,点击每一张图像,我就会翻出一张图片,上面有一些关于该图像的信息。我的问题是我应用的onclick没有调用函数,并且控制台上没有出现错误。log。可能的原因是什么,任何洞察都会很有帮助。停留在这个简单的问题上,但毫无头绪 信息 函数openNav1(){ console.log('in herre'); document.getElementById(“myNav1”).style.display=“block”; } 函数closeNav(){ document.getEle

我有一个图像库,点击每一张图像,我就会翻出一张图片,上面有一些关于该图像的信息。我的问题是我应用的
onclick
没有调用函数,并且
控制台上没有出现错误。log
。可能的原因是什么,任何洞察都会很有帮助。停留在这个简单的问题上,但毫无头绪


信息
函数openNav1(){
console.log('in herre');
document.getElementById(“myNav1”).style.display=“block”;
}
函数closeNav(){
document.getElementById(“myNav1”).style.display=“无”;
}

兄弟,你有一个
div.overlay
。。我认为它覆盖了图像,因此您可能不会单击
,因为它始终位于
div.overlay
下。一种可能的解决方案是将
指针事件:none
应用到
.overlay

您的Javascript正在工作,但您不知道,因为它的显示样式已经存在

Block因此我将Display更改为None,并在JavaScript Hope中为您做了一个小更改

你喜欢

CloseNav()功能不是必需的,因为现在通过单击图像打开和关闭

<div class="column">
    <img id="img"  src="http://qnimate.com/wp-content/uploads/2014/03/images2.jpg"  height='250px' alt="Snow" style="width:100%" onClick="openNav1();" />
     <div style='display:none' 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() {
var mynav = document.getElementById("myNav1");
var img = document.getElementById("img");

  img.style.cursor = "pointer";
  if (mynav.style.display == "block") {
  mynav.style.display = "none";
  } else {
  mynav.style.display = "block";
  }
}

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

信息
函数openNav1(){
var mynav=document.getElementById(“myNav1”);
var img=document.getElementById(“img”);
img.style.cursor=“指针”;
如果(mynav.style.display==“块”){
mynav.style.display=“无”;
}否则{
mynav.style.display=“block”;
}
}
函数closeNav(){
document.getElementById(“myNav1”).style.display=“无”;
}

您可以尝试使用with-anchor标记

<a onclick="openNav1();"><img src="img/image.jpg" alt="Snow" style="width:100%" > </a>


所以你没有看到出现
“在这里”
文本?是的。事实上,它根本没有进入
openNav1()
你确定吗?如果您运行代码段并单击该图像,它将在
openNav1()
中运行代码,该代码段似乎工作正常(由于没有图像,因此单击Alt文本)Ohh。我不明白为什么它在我的代码中不起作用。谢谢你,但这并没有什么好处。它仍然没有调用函数。还有别的办法吗?谢谢你。但仍然没有结果。还有什么可以做的吗?如果是这样的话,你有没有和检查员核实过。实际上,即使我在图像的最基本层次上放置
,图像也根本不可点击。此类问题的可能情况是什么?
上的应用
指针事件:auto
。同时也要检查是否有东西覆盖了它们。谢谢你的关注,但仍然没有结果。我很惊讶为什么它没有进入javascript函数。