如何触发从单独页面打开 jQuery UI 对话框？

Question

我对 jQuery 不是很好，最近碰壁了。我有一个 jQuery UI 对话框，当用户在 index.html 上触发它时会打开它。它隐藏在 index.html 上，直到用户触发它打开。在另一个单独的 html 页面上，我有一个将您链接回 index.html 的按钮，但我需要做的是，当用户单击此链接时，它会将他们带回 index.html 并触发对话框模态窗口自动打开。

我让它在某种程度上可以工作，但我想找到一个替代解决方案，我不使用 URL 来使其工作。

“返回”链接的 HTML

<a href="index.html#dialog">Go back</a>

我的 jQuery：

if (location.href.indexOf("#dialog") != -1) {

$('.dialog-popup').dialog("open"); 

}

弹出UI的jQuery：

$( ".dialog-popup" ).dialog({
  autoOpen: false,
  modal: true,
  width: 860,
  show: {
    effect: "fade",
    duration: 500
  },
  hide: {
    effect: "fade",
    duration: 500
  }
});

这里的任何帮助将不胜感激。我希望它无需在 URL 中添加 #dialog 即可工作。

Answer 1

您可以使用document.referrer 来确定用户来自哪里。如果您解析 document.referrer 以获取有关用户来自的页面的信息并将其与某些内容进行匹配，您可以通过这种方式触发对话框。

例如，如果您想在用户从您域上的页面到达 index.html 时触发对话框，而不是从 index.html 本身，您可以运行以下代码：

jQuery(function($){

    var referrerDomain = document.referrer.replace(/(http|https):\/\//,'').split("/")[0];
    var myDomain = "mydomain.net"; //Your domain name goes here
    if( referrerDomain == myDomain && !document.referrer.match("index.html") )
        alert('You arrived at this page from your domain, but not from index.html!')

});

见this fiddle（全屏版here）

注意 - fiddles 会将引荐来源网址显示为您当前所在的页面。这不会发生在普通页面上；它只是发生在那里，因为它使用 iFrames。