Jquery load（）函数有问题

以下是我网站的一部分，只是删除了一些我知道不需要的代码

<div id="Container">
<div id="Header"></div>
<div id='TopNav'>
<ul>
  <li> <a href=''>Home</a></li>
  <li><a  href ='' id='bt1'>Contact EHC</a></li>
  <li><a href=''>Student Portal</a></li>
  <li><a href=''>Lecturer Portal</a></li>
  <li><a href=''>How To Apply</a></li>
  <li><a href=''>Student Union</a></li>
  <li><a href=''>News</a></li>
  <li><a href=''>Tutorials</a></li>
  <li><a href=''>Log In</a></li>
  <li class='last'><a href=''>Graduation</a></li>
</ul>
</div>
<!-- topNav closes here -->

<div id="Content"></div>
<!-- Content div ends here -->

<div id="Footer"></div>
</div> <!-- conatiner closes here-->

我的jQuery函数如下所示：

$(document).ready(function(){

   $('#bt1').click(function() {
       $('#content').load('other.html');
   });

});

当我尝试使用上面的jQuery函数时，它不起作用，当我单击“Contact EHC”时，#content div只是保持空白。控制台没有显示任何错误，我使用WAMP作为测试服务器。我的代码是否有任何问题会阻止jQuery函数工作？一个简单的代码，比如alert（'Hello'）；如果我把它包括在里面，效果就很好。如果问题很明显，我很抱歉，我正在自学网络开发，这是我大学最后一年的项目。

请使用这个

 $("#content").html('<object data="http://other.html/">');

$（“#content”）.html（“”）；

可能是路径问题，但会出现404错误：

您确定要使用本地服务器吗？http://localhost？load（）函数在文件中不起作用：//

如果您使用的是Google Chrome浏览器，请查看开发工具的“网络”选项卡，以确保ajax调用正常工作

试试这个：

<script type="text/javascript">
        $(document).ready(function() {
            $('#bt1').click(function() {
                $("#content").load('/jquery/result.html');
            });
        });
    </script>

$（文档）.ready（函数（）{
$（'#bt1'）。单击（函数（）{
$（“#content”）.load（'/jquery/result.html'）；
});
});

经过一些研究，我发现我忘了包含一些代码，这些代码会阻止链接被遵循。下面的代码对我来说很好。谢谢你的回答

$('#bt1').click(function() {
$('#content').load('other.html');
return false; <----------- This is the code i was missing out
});

$（'#bt1'）。单击（函数（）{
$（'#content'）.load（'other.html'）；
返回false；您能在控制台中检查AJAX调用是否正确吗？我们不知道本地主机环境的详细信息，因此可能没有来自“/other.html”的数据？也请避免使用.load，因为它已弃用@Frisbetarian，OP正在使用它，这很好。
$('#bt1').click(function() {
$('#content').load('other.html');
return false; <----------- This is the code i was missing out
});