使用 jQuery .load() 时启用书签；

Question

我有一个文件名“project_profiles.html”，如下所示：

<div id="project1">
    <p>Project 1</p>
</div>

<div id="project2">
    <p>Project 2</p>
</div>

<div id="project3">
    <p>Project 3</p>
</div>

在我的索引页面上，我使用： $('#content').load(project_profiles.html #project1');

然后，索引页面加载，仅显示 id 为项目 1 的 div。不过，这很好，如果用户尝试为该页面添加书签，则该页面将无法工作。有没有一种方法可以使书签工作，同时将所有项目 div 放在一个文件中？

提前致谢....

Answer 1

$('#content').load(project_profiles.html #project1');
location.hash = "#project1";

然后他们应该能够将其添加为书签。下一步是根据页面加载时存在的 location.hash 自动加载正确的内容。

在你的js中编辑

（最好在 $(document).ready 函数中）放置以下代码

if(location.hash)
$('#content').load('/_catalogs/html/project_details.htm ' + location.hash);

，如果可以的话，可以在不破坏任何内容的情况下更改

<a href="#p1" onclick="$('#content').load('/_catalogs/html/project_details.htm #project1');">Read More</a>

为

<a href="#project1" onclick="$('#content').load('/_catalogs/html/project_details.htm #project1');">Read More</a>