Javascript 如何根据刷新后单击的div加载php文件？

所以我有如下的div，我所做的基本上是在ready of document上加载一个默认的PHP文件，然后根据所单击的div加载不同的PHP文件

<div class="menu">
   <div id="home" class="menu_align active_one">Home</div>
   <div id="write" class="menu_align">Write</div>
   <div id="activity" class="menu_align">Notifications</div>
</div>
<div id="main_content"></div>

<script type="text/javascript" src="jquery-3.2.1.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   $("#main_content").load('home.php');
 });
$("#home").click(function(){
   $("#main_content").load('home.php');
});
$("#write").click(function(){
   $("#main_content").load('write.php');
});
$("#activity").click(function(){
   $("#main_content").load('notifs.php');
});

家
写
通知
$（文档）.ready（函数（）{
$（“#主内容”）.load（'home.php'）；
});
$（“#主页”）。单击（函数（）{
$（“#主内容”）.load（'home.php'）；
});
$（“#写入”）。单击（函数（）{
$（“#主内容”）.load（'write.php'）；
});
$（“#活动”）。单击（函数（）{
$（“#主内容”）.load（'notifs.php'）；
});

所以我想要的是，如果用户单击Write并刷新页面，那么主内容应该加载Write.php，并且所有其他div都是一样的。

您的事件在外部，请将其添加到内部。那些在里面的功能。函数将在DOM完全加载时执行。要跟踪单击的页面，请将其保存到或

cookies

。并在页面加载时检查是否有值，是否加载了该页面，否则加载默认页面。下面是一个工作示例

$（文档）.ready（函数（）{
if（localStorage.getItem（“单击”））{
var clickedPage=localStorage.getItem（“单击”）；
$（“#主要内容”）。加载（单击页面）；
}否则{
$（“#主内容”）.load（'home.php'）；
}
$（“#主页”）。单击（函数（）{
$（“#主内容”）.load（'home.php'）；
setItem（'clicked'，'home.php'）；
});
$（“#写入”）。单击（函数（）{
$（“#主内容”）.load（'write.php'）；
setItem（'clicked'，'write.php'）；
});
$（“#活动”）。单击（函数（）{
$（“#主内容”）.load（'notifs.php'）；
setItem（'clicked'，'notifs.php'）；
});
});

家
写
通知
您的点击手柄必须在（document）.ready（function（）{}）内；我尝试过，但我面临的问题是，即使用户在刷新页面之前单击了write div，它也会在刷新后加载home.php。我想要一个功能，如果用户单击write div，然后刷新页面，那么它应该显示write.php而不是home.phpI，如果您解决它并在这里共享它，它将非常感激。“我已经试了很多天了，但还是没什么运气。”MackTrivedi回答道。检查一次，不管是否有效。哇，效果很好。非常感谢，你几分钟就解决了。再次感谢！如何更改已单击div的背景，并使用相同的方法在刷新后仍保留它？我面临的问题是，在将单击的div id保存到localstorage中，然后尝试更改它的css时，会抛出一个错误：“css不是函数”。