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
  }
});

这里的任何帮助将不胜感激。我想让它工作而不必将#dialog放在URL中。

Answer 1

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

例如，如果您想要在用户从您的域中的页面到达index.html而不是从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）

注意 - 小提琴会将引荐来源显示为您当前所在的同一页面。这不会发生在普通页面上;它正好发生在那里，因为它正在使用iFrame。

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

1 个答案: