AJAX 模式对话框，如果引用者 ==则触发 onload

Question

我正在尝试更改我的index.html，以在我的网站的引用者==时显示模式窗口（例如，如果它们来自Google，则显示一个“欢迎Googler”对话框，其中包含图像）。

我正在使用 FancyBox，但我还没有习惯它。

关于如何编码有什么建议吗？ 我是一名 C++ 程序员——Javascript 不是我的强项，所以直接的例子将非常感激。

提前致谢。

Answer 1

您将需要一些东西：document.referrer 和 jQuery UI。 jQuery UI 使对话框变得非常简单。

您可以从文档页面找到深入的示例，但在大多数情况下，这就是您所需要的将需要：

<script type="javascript/text">
    if (document.referrer.indexOf('google.com') > -1){
        $("#my-dialog").dialog("open");
    }

    // this is the jquery code to set up the dialog box
    $(function() {
            // options would go inside the dialog() function
    $("#dialog").dialog();
});

</script>

需要 HTML：

<div id="my-dialog">
This is where things get displayed
</div>