首頁猿問 Javascript...

Javascript onclick 沒有調用 <img> 上的函數

JavaScript

嚕嚕噠 2021-11-04 10:31:58

我有一個圖片庫，點擊每張圖片后，我就翻轉了一張圖片，里面有一些關于圖片的信息。我的問題是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()">×</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>

查看完整描述

3 回答

慕俠2389804

TA貢獻1719條經驗獲得超6個贊

兄弟，你有一個div.overlay.. 我想它覆蓋了圖像，因此你可能不會點擊，<img />因為它總是在div.overlay. 一個可能的解決方案是應用pointer-events: none到.overlay

反對回復 2021-11-04

慕姐8265434

TA貢獻1813條經驗獲得超2個贊

您可以嘗試與錨標記一起使用

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

反對回復 2021-11-04

蕭十郎

TA貢獻1815條經驗獲得超13個贊

你的 Javascript 正在工作，但你不知道，因為它的顯示風格已經

Block所以我把 Display 改為None并在 JavaScript 的希望中為你做了一個小改動

你喜歡它。

關閉導航（）；函數不是必需的，因為現在#myNav1通過單擊圖像打開和關閉。

</div>

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>

反對回復 2021-11-04

3 回答
0 關注
192 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Javascript onclick 沒有調用 <img> 上的函數

Javascript onclick 沒有調用 <img> 上的函數

3 回答

添加回答