点击:在不同的页面上打开一个弹出潜水

On Click: Open a Pop-up Div on a Different Page

本文关键字:一个 潜水 点击      更新时间:2023-09-26

在page1.php上,我有一个click事件,它会导致用户重定向到page2.php

$("#someButton").click(function() {
    window.location = "page2.php";
});

这很管用。但我真正想要的是在page2上打开一个隐藏的、UI阻塞的<div>。用户可以通过点击第2页上的另一个按钮手动打开这个<div>,其内容如下:

$('#someOtherButton').click(function() {
   $("#pageContainer").block({message: $("#theDivIWant2See")});
});

我可以让一个页面上的JavaScript中的click事件调用另一个页面的JavaScript吗?或者我需要添加一些HTML解析来在页面之间传递信息?(我不是在这里寻找JavaScript,只是一个帮助我前进的策略。)

从第一个页面重定向时,在url中添加一个querystring值。在第二个页面中,使用服务器端页面语言,设置一个隐藏字段,并在文档就绪事件中检查该隐藏字段的值。如果期望值,则调用javascript函数来显示弹出窗口。

一些类似的东西

$("#someButton").click(function() {
    window.location = "page2.php?showpopup=yes";
});

并在page2.php中设置它(原谅错误,我不是php人员)

<input type='<?php $_GET["showpopup"] ?>' id='hdnShow' />

并且在脚本中

$(function(){
  if($("#hdnShow").val()=="yes")
  {
    //Call here the method to show pop up
  }
});

当page2的DOM准备就绪时,您需要完成您的工作。您可以使用jQuery的ready函数。

$(document).ready(function){//将显示div的代码放在此处});

希望能有所帮助。

您是否可以传递查询字符串参数或分配一个cookie,以便其他页面在加载文档时进行检查?如果该值存在,则显示模式对话框(例如jQuery UI模式弹出菜单)

http://jqueryui.com/demos/dialog/