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()">×</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函数。