Question

那里有一百万个灯箱类型的模态覆盖脚本..但我正在寻找能够自动触发的一个，具体取决于引导那里的路径。因此，属性必须存在于触发它的url字符串中。有没有人见过或实现过这样的事情？我知道colorbox能够在您登陆页面时自动打开模态，但我不知道如何使该功能依赖于到达那里的路径。有什么想法吗？

Answer 1

您可以通过更改初始化设置来使用Colorbox执行此操作。

假设你这样做是为了启动Colorbox：

$('div.gallery a').colorbox({
    onClosed: function() { alert('Colorbox closed');},
    current: 'Image {current} of {total}'
});

你可以这样做：

var colorBoxSettings = {
    onClosed: function() { alert('Colorbox closed');},
    current: 'Image {current} of {total}',
    open: false
};

if (your_logic) {
    colorBoxSettings.open = true;
}

$('div.gallery a').colorbox(colorBoxSettings);

Answer 2

您可以实现一些查看引用页面的JavaScript并相应地打开灯箱，因此您不应局限于特定的实现。您可以绑定到文档就绪事件以打开它。

有一个如何访问下面链接的W3Schools网站上的推荐人的例子。

http://www.w3schools.com/jsref/prop_doc_referrer.asp

Answer 3

我建议不需要自动触发。你可以这样做 -

首先检查网址是否包含您想要的值。

可以通过服务器端语言（如PHP）或通过javascript完成。

如果完成服务器端传递说明隐藏字段如下 -

<input type="hidden" name="exists" value="true" />

如果使用jquery保存值完成 -

var value = "value from javascript if proper url exists";

如果通过服务器端完成，那么 -

var value = $（'input [name =“exists”]'）。val（）;

然后你可以触发手动cilck（如果url值符合你的期望）来锚定哪个包含叠加链接 -

$('#id of anchor').trigger('click');

如果你想要自动触发叠加，那么你可以尝试这个 -

http://flowplayer.org/tools/demos/overlay/trigger.html

可根据网址路径自动打开的灯箱

3 个答案: