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

Question

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

我将以下内容放在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="" />

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

有任何想法吗？

Answer 1

而不是使用document.getElementById

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

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