Question

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

<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-->

#content的css如下：

#Content {
float: left;
height: auto;
width: 800px;
border-style: solid;
border-width: thin;
background-color: #F5FDFE;
text-indent: 0px;
text-align: justify;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}

我的jQuery函数如下所示：

$(document).ready(function(){

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

});

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

Answer 1

经过一些研究后，我发现我忘了包含一些阻止链接被跟踪的代码。以下代码对我很有用。谢谢你或你的答案。

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

Answer 2

使用此

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

Answer 3

可能是路径问题，但您会遇到404错误：jQuery ajax load() file not working in localhost - (w3scools.com jQuery AJAX sample tutorial)。
您确定要使用本地服务器吗？ http：// localhost？ load（）函数在file：//
如果您使用的是Google Chrome浏览器，请查看开发工具＆＃34; Network＆＃34;选项卡，以确保ajax调用正常工作。

Answer 4

试试这个：

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

遇到load（）函数问题

4 个答案: