我已经制作了一个页面,其中包含覆盖整个页面的两个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)来获得价值,当按钮单击并将该变量传递到下一个页面加载时,将工作。任何想法如何做到这一点?
或者任何想法在不同的方式使这项工作?
为什么你不能使用'onload()'功能? http://stackoverflow.com/questions/4057236/how-to-add-onload-event-to-a-div-element – Ramkee