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

我对jQuery不是很了解,最近我遇到了问题。 我有一个jQuery UI对话框,当用户在index.html上触发它时会打开它。 它在index.html上隐藏,直到用户触发它打开。 在另一个单独的html页面上,我有一个按钮可以将你链接回index.html,但我需要做的是当用户点击这个链接时它将把它们带回index.html并触发对话框模态窗口自动打开。

我在某种程度上工作,但我想找到一个替代解决方案,我没有使用URL使其工作。

“返回”链接的HTML

Go back 

我的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中。

您可以使用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!') }); 

正如这个小提琴 (全屏版本)

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