单击 HTML 页面中的“按钮”会将用户定向到另一个 HTML 页面，并在该其他页面中使用 jQuery 创建一个“隐藏的 div”答案

【问题标题】：Click a "button" in an HTML page will direct the user to another HTML page, and make a "hidden div" in that other page shows with jQuery单击 HTML 页面中的“按钮”会将用户定向到另一个 HTML 页面，并在该其他页面中使用 jQuery 创建一个“隐藏的 div”
【发布时间】：2011-10-02 05:30:06
【问题描述】：

我想创建这样的东西：

单击 HTML 页面中的“按钮”会将用户引导至另一个 HTML 页面，并在该页面中显示一个“隐藏的 div”。

如何用 jQuery 来做这个？

这是我的代码：

• PAGE01.html（“按钮”所在的位置）：（HTML代码和jQuery代码）： http://jsfiddle.net/pDpeN/

• PAGE02.html（用户将被定向并且“隐藏的 div”所在的位置）：（HTML代码）： http://jsfiddle.net/kdHrh/

提前谢谢你。

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

您可以将参数传递给 URL（例如 www.example.com/?loaddiv=1），然后使用下一页上的简单 jquery 代码 (Search on Google) 检查 loaddiv=1。

【讨论】：

对不起，我不明白，因为我对jQuery知之甚少。如何获取 PAGE02.html 中的 URL 参数并实现它以显示“隐藏的 div”？比如 if(URLParameter == 1){ hiddenDiv.show() } ?
是的，类似的东西。只需传递该特定 URL 参数的值，然后在下一页上检查该值，然后显示 div。
能否给我 PAGE01.html 的示例代码？因为我尝试使用 JQuery URL Parser 插件获取 PAGE01.html 中的 URL 变量，但没有运气......

【解决方案2】：

根据您的示例，我能想到的最好方法是使用锚点调用第二页

document.location.href='PAGE02.html#'+x;

第二页将超过 PAGE02.html#hiddenDiv。比在第二页上解析来自 jQuery 的哈希值并显示具有相同 ID 的 div。看这里如何：Getting URL hash location, and using it in jQuery

第一页上脚本的第二行 ($('#'+x).slideDown(200);) 无论如何都不能这样做，您必须在第二页上这样做。

但我认为您应该重新考虑您的方法，在您的示例中，所有内容可能都应该在一个页面中完成。

【讨论】：

我需要它们在 2 页中...如何获取 PAGE01.html 中的“#”值？我试过这个但不起作用： $(document).ready(function() { if ($.url.attr('anchor') == 'hiddenDiv'){ $('#' + 'hiddenDiv').显示（）；}}）；
感谢 Ivan，我将您的答案与 Abdullah 的答案结合起来，并设法创建动态条件来显示和隐藏 PAGE01.html 中的任何 div。很遗憾，由于我在此网站上的声誉不佳，我无法为您的答案投票。
没问题 :) 很高兴你成功了。

【解决方案3】：

这将打开重定向网址：

<a href="javascript:q=(document.location.href);void(open('http://example.com/#redirect,'_self','resizable,location,menubar,toolbar,scrollbars,status'));">click here
</a>

第二个窗口：

$(function(){
   if(window.location.hash.replace('#','') == 'redirect'){
        $('#hiddenDiv').slideDown();
   }
});

在这里，当按钮访问 url 时，我使用散列。

【讨论】：

@Bayu 这将在同一窗口中打开一个新链接。如果你不想这样做，只需删除 '_self'
这将在 PAGE02.html 上显示“隐藏的 div”。但是当用户没有先点击PAGE01.html上的“按钮”而直接打开PAGE02.html时，默认会显示“隐藏的div”。如何制作：如果用户点击PAGE01.html上的“按钮”，在PAGE02.html上显示“隐藏的div”？
@Bayu 请检查此解决方案。
感谢 Abdullah，我将您的答案与 Ivan 的答案结合起来，并设法创建动态条件以显示和隐藏 PAGE01.html 中的任何 div