2016-05-30 81 views
0

我已经制作了一个页面,其中包含覆盖整个页面的两个div,但通过在请求中隐藏和显示它们,逐个使用它们。在使用初始页面的变量加载新页面时运行JQuery

换句话说,我只看到一个页面,当点击按钮1时,隐藏某些东西并显示其他一些东西,当点击按钮2时则显示相反的东西。

我的代码:

$(function() { 
    $('.boxes').click(function() { 
     var e = $(this).attr('id'); 
     console.log(e); 
     if(e == 'Button1') { 
      $('#Div0').fadeIn(1000); 
      $('#Div1').fadeOut(1000); 
     } 
     else if(e == 'Button2') { 
      $('#Div0').fadeOut(1000); 
      $('#Div1').fadeIn(1000); 
     } 
    }); 
}); 

这工作正常。

现在的问题是,这不是我的着陆页。我有一个登陆(主页)页面,用户可以根据他想看到的内容点击按钮。我想用这些div加载页面,但显示正确的div。

基本上我需要的是相同的过程,但与按钮(button1 & button2)在不同的页面。所以点击加载页面并运行脚本来加载(显示)正确的Div。

我在想,如果我可以得到一个变量(变量e)来获得价值,当按钮单击并将该变量传递到下一个页面加载时,将工作。任何想法如何做到这一点?

或者任何想法在不同的方式使这项工作?

+0

为什么你不能使用'onload()'功能? http://stackoverflow.com/questions/4057236/how-to-add-onload-event-to-a-div-element – Ramkee

回答

0

你实际上可以

var pathname = window.location.pathname; // Returns path only 
var url  = window.location.href;  // Returns full URL 

抓住任何给定页面上的URL,这样我会做如下。在登陆页面,当你按下按钮通过一个URL与一个额外的参数:

http://www.sdfsfsd.com/pages&divName=div1 

其他页面的onload()函数简单地找到网址,抓住divName。然后让两个div以不透明度开始:0(css)并淡入正确的div。

希望这有助于!

+0

谢谢你的回应。我试图通过额外的参数传递的网址,但它不会工作。它不喜欢它,但基本上它给了我一个“找不到的页面”......任何想法? – inasiopo

+0

你能给我一个你想传递的url的例子吗? –

相关问题