javascript - 从电子邮件到灯箱 - 帮助!

标签 javascript email fancybox lightbox html-email

这是我的情况 - 我要发送一份时事通讯,我试图做的是,当用户单击电子邮件中的链接时,它会重定向到我的网页,然后会弹出一个灯箱,显示视频。我无法在页面加载时触发灯箱,因为您可以在查看灯箱之前转到同一页面并查看内容。

有什么想法如何仅通过电子邮件中的链接触发灯箱吗?这可能吗?

(我正在使用 Fancybox Lightbox)

谢谢!

最佳答案

通过您当前未使用的 URL 中的参数触发灯箱。例如,使链接转到 http://www.mysite.com/page.ext?lightbox=1。然后,设置一个在页面加载时运行的 JavaScript,并检查 lightbox 值是否设置为 1,如果是,则执行 click() 任何按钮上的事件通常都会弹出灯箱。

由于您使用了新参数,如果有人正常访问该页面,他们仍然可以查看内容,而不会立即弹出灯箱,因为他们在查询中不会有 lightbox=1字符串。

编辑:

下面是一个检查查询字符串的 JavaScript 示例。它在您的个人资料中使用网站主页上的 fancybox:

$(document).ready(function() {
    var url = window.location.href;
    url = url.toLowerCase();
    if (url.indexOf('?lightbox=1') != -1 || url.indexOf('&lightbox=1') != -1) {
        $j("#start").fancybox({
            'padding': 0
        });
    }
});

关于javascript - 从电子邮件到灯箱 - 帮助!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7303354/

相关文章:

email - Android Studio Gradle javax.mail activation.jar依赖关系问题

mysql - 在 MySQL 查询完成之前,Automator 发送带有不完整表的电子邮件

javascript - json2html,我需要将点击事件添加到生成的html中

javascript - 将变量从 FancyBox 传递到父级时未捕获类型错误

javascript - 如何在服务器端呈现的网站上动态加载 javascript 文件?

javascript - useEffect deps 中的 ref.current 在预期时不起作用(与 useCallback ref 相比)

javascript - Phonegap PushPlugin 消息事件被调用两次

javascript - React的输入值不与dom同步

php - 制作条件语句以发送电子邮件警报

jquery - 使用 fancybox 设置高度和宽度