启用书签时使用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为project 1的div。这很好，但是，如果用户试图书签页面，它将无法工作。是否有一种方法，使书签工作，而有所有的项目div的在一个文件?

Thanks in advance....

Answer 1

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

然后他们应该能够收藏它。下一步是根据位置自动加载正确的内容。如果页面加载时存在哈希值

编辑

在你的js(最好在$(document)。准备函数)放置以下代码

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>