我的主页上有一个登录表单,如果用户登录,表单将会消失,我在javascript中执行此操作。现在我在其他页面上使用了一个().load方法,这样它们就像我的主页一样具有相同的页眉和页脚。
我现在想要实现的是,当用户仍然登录时,登录表单将隐藏在我的其他页面中。
到目前为止,我尝试将javascript文件包含在其他页面中,但表单会重新出现,就好像用户没有登录一样。
我使用了.load方法(),所以我可以在不同的页面上使用我的页眉和页脚,我的登录表单在标题内,但是当用户登录表单时应该消失:
$( "#import-headerContainer" ).load( "index.html #headerContainer" );
$( "#import-header" ).load( "index.html #header" );
我使用本地存储变量来检查用户是否已登录:
if (localStorage.getItem("logged") !== null) {
$('.login-info').removeClass('login-hide');
$("#header-content").addClass('login-hide');
这适用于主页标题,但不适用于其他页面。