当有人单击图像/按钮时打开弹出窗口答案

【问题标题】：Open popup when someone clicks on an image/button当有人单击图像/按钮时打开弹出窗口
【发布时间】：2016-02-27 03:28:40
【问题描述】：

基本上，我想创建一个弹出窗口（用于收集电子邮件），当有人点击像按钮一样的图像时出现。

我在 footer.php 中放置了以下内容（出于隐私考虑，我已将我的 uuid 和盖子替换为“xxxx”：

<script>
function showMailingPopUp() {
    require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us11.list-manage.com","uuid":"xxxx","lid":"xxxx"}) })
    document.cookie = "MCEvilPopupClosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
};

document.getElementById("open-popup").onclick = function() {showMailingPopUp()};
</script>

接下来，我尝试将下载按钮的图像作为一个按钮，单击该按钮时会打开弹出窗口。我希望通过添加 id="open-popup" 来做到这一点（再次用“xxxx”替换链接）：

<img id="open-popup" class="aligncenter" style="cursor: pointer;" src="xxxx" alt="" />

但它只会在我第一次加载页面并单击图像时打开弹出窗口。当我关闭弹出窗口并再次单击图像时，弹出窗口未加载。

有什么想法吗？

【问题讨论】：

我认为这是因为 require.js 不想再加载一次Loader

标签： javascript php html popup

【解决方案1】：

而不是使用document.getElementById

尝试使用onClick 编写img 标签来调用函数

<img class="aligncenter" style="cursor: pointer;" src="xxxx" onClick="showMailingPopUp()" alt="" />

【讨论】：