0

我的网站有一个“nav”div，带有指向不同 html 文件的链接，一个带有静态信息的“sidebar”div，以及一个“content”div，不同的 html 文件被加载到其中。我还在标题中设置了我的 url 基础。其中一个 html 文件是一个长文档，我希望能够包含指向该文件部分的链接。所以我命名了部分标题并使用主题标签链接到它们：

投资组合.html 片段：

<BODY>
<a id="top"></a>
<header>
<a href="#pulseox">PULSE OXIMETRY IN ZAMBIA</a><BR>
<a href="#dengue">DENGUE DIAGNOSIS IN NICARAGUA</a><BR>
<a href="#retina">EYE HEALTH IN INDIA</a><BR>
<a href="#mas531">MAS.531 COMPUTATIONAL CAMERA AND PHOTOGRAPHY</a><BR>
<a href="#mass60">MAS.S60 HANDS ON FOUNDATIONS</a><BR>
<hr>
</header>
<header><a id="pulseox">PULSE OXIMETRY IN ZAMBIA</a></header>
<img src="pulseOx.PNG" width="500px"><BR>
lorem ipsum
</BODY>

当我自己打开 html 时，这非常有效。但是，当它被加载到元 html 文件中的“内容”div 中时，它会尝试将我带到<myurlbase>#pulseox. 如何使<a href="#pulseox">链接引用“内容”div 中的 html 文档？我没有在portfolio.html 文件中设置基本网址。

这是我的元 html 文档，如果有帮助的话：

<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="index_test.css" />
<base href="http://myurl/" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#content").load("home.html");

        $(".nav-1").click(function(){
            $("#content").load("home.html");
        });
        $(".nav-2").click(function(){
            $("#content").load("about.html");
        });
        $(".nav-3").click(function(){
            $("#content").load("portfolio.html");
        });
        $(".nav-4").click(function(){
            $("#content").load("cv.html");
        });
    });
</script>
</HEAD>
<BODY>
<div id="nav">
 <ul>
  <li><a class="nav-1">HOME.</a></li>
  <li><a class="nav-2">ABOUT.</a></li>
  <li><a class="nav-3">PORTFOLIO.</a></li>
  <li><a class="nav-4">CV.</a></li>
 </ul>
</div>
<div id="sidebar">
myname
<BR><BR>
</div>
<div id="content"></div>
</BODY>
</HTML>
4

0 回答 0