Question

我有一个关于如何在点击图像时生成弹出窗口的问题。我希望弹出一个警报。这是我正在使用的当前html代码：

<div>
 <div class="Zipshare">
    <span class ="projectIcons">
      <a href="">
        <img src="images/photostack.png" alt="" />
      </a>
    </span>
    <span class="caption"><h6>Photostack</h6></span>
</div>

我看过其他帖子介绍了如何生成警报视图，但不知道如何将其链接到图像。我想通过某种href链接来做这件事，但无法解决这个问题。

任何帮助将不胜感激！

Answer 1

有很多方法可以做到这一点......这里有一个与你的html内联的简短内容：

<img src="images/photostack.png" alt="" onclick="alert('you clicked it')" />

Answer 2

只需添加onclick属性

即可

<img src="images/photostack.png" onclick="alert('Hello World')" alt="" />

或者使用jQuery：

$( "#img" ).click(function() {
  alert( "Hello World jQuery" );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<img id="img" src="images/photostack.png" alt="" />

图像点击弹出警报。

2 个答案: