Javascript JQuery.load（）不起作用_Javascript_Jquery_Ajax

Javascript JQuery.load（）不起作用

javascript jquery ajax

Javascript JQuery.load（）不起作用,javascript,jquery,ajax,Javascript,Jquery,Ajax,我想在div中加载网页内容。以下是我的代码： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> testing.html： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

我想在div中加载网页内容。以下是我的代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

testing.html：

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
</head>

<body>
SUCCESS!
</body>
</html>


成功！

不幸的是，上面的代码不起作用。我已经检查了多次，但没有找到问题

@Milind Anantwar是正确的-必须有$（文档）。准备好包装您的JS:

$(document).ready(function(){

  $("#menu_top").click(function() {
    var href = $ (this).attr('href');
    alert(href);
    $("#content").load(href);
    return false;
  });

});

我还测试了UL或OL标签是否像@psicopoo提到的那样影响它，但在Chrome中似乎没有影响*另外，确保“testing.html”是要加载的有效页面

*如上所述：“由于浏览器安全限制，大多数“Ajax”请求都会受到限制；请求无法成功地从不同的域、子域、端口或协议检索数据。”

我认为您尝试加载的页面遇到了问题。我准确地复制了您的代码，并且它在Fiddle中工作，看看这是否适用于您，如果适用，可能是您的页面：

 testing.html

JS小提琴：

您是否将代码包装在dom就绪事件中？？什么不起作用？浏览器控制台中出现错误？没有错误，网页未加载到内容中。我注意到您在与

li

相同的上下文中使用了

div

元素！由于

li

元素必须位于

ol

或

ul

中，并且

div

元素不直接属于这些父元素中的任何一个，因此我相信您使用的HTML无效。您的浏览器可能会对此做出异常反应。此处发布的代码按预期工作：确保您已按照下面的回答将其包装在

onload

处理程序中，并且

testing.html

页面（应该位于

current/testing.html

中。html正在适当地处理请求。我的代码使用dom ready事件包装，我没有将其包含在此处好的-您的链接（testing.html）如何…。您的项目中包含了有效的链接吗？就我个人而言，我有指向.html的链接，但由于它是.htm页面，因此无法正常工作（我还是新手：））。你是否至少收到了“href”的警报？是的，deebs，我收到了警报，链接也有效。你的其他菜单单击事件或CSS呢？一定有其他干扰，因为它对这里的每个人都很好。希望你能找到它！非常感谢你的回复Debs。我没有任何CSS链接到我的htm我刚刚在youtube上观看了一个关于.load（）的教程函数对我不起作用。当我删除JS代码并单击“我的帐户”时，它会将我重定向到testing.htmltesting页面上的内容是什么？您是否也有该代码？根据请求添加，Mate我知道它在JSFIDLE上起作用，但代码在我的机器上完全相同，testing.html的内容没有加载在我的div中。该链接是有效的，我对其进行了几次测试。有趣的是，这可能是因为您在本地运行，而不是在web服务器上，尽管我也在本地运行，并且工作正常。另外，请确保允许脚本在本地运行，默认情况下，IE中禁用了该功能。

$(document).ready(function(){

  $("#menu_top").click(function() {
    var href = $ (this).attr('href');
    alert(href);
    $("#content").load(href);
    return false;
  });

});

 testing.html