Question

基本上，我想创建一个弹出窗口（收集电子邮件），当有人点击像按钮一样的图像时，会显示该信息。

我已将以下内容放在footer.php中（为了隐私考虑，我已经用＆＃34; xxxx＆＃34替换了我的uuid和盖子：

<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 =＆＃34; open-popup＆＃34; （再次用＆＃34; xxxx＆＃34替换链接）：

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

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

有什么想法吗？

Answer 1

而不是使用document.getElementById

尝试使用img编写onClick代码来调用函数

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

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

1 个答案: