如何在单击链接时将一个html文件加载到另一个html文件的div标记中

-3

<html> 
<head> 
</head> 
<body> 
<script src="jquery.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('.ajax') .click(function(e){ 
     e.preventDefault() 
     $('#content').load('abc.html'); 
    }); 
}); 
</script> 
<div id="content"> 
    <p>Here comes some content</p> 
</div> 
<div><a href="#" class="ajax">Link</a></div> 
</body> 
</html>

在代码中，我想在单击链接内部时加载id =“content”的abc.html内容。此代码不起作用。任何人都可以请帮我..如何在单击链接时将一个html文件加载到另一个html文件的div标记中

来源

2013-05-09 Brainser

请比“不起作用”更具体。你的浏览器的开发工具说什么？控制台中是否有任何错误消息？你能看到在Net标签中发出的请求吗？ – Quentin 2013-05-09 08:32:56

如果你有一个字符串值'abc.html'，你真的是指'$（'＃abc'）。html（）'。这会给你'$（'＃content'）。load（$（'＃abc'）。html（））;' – 2013-05-09 08:39:51

@quentin：既不显示任何错误也不会得到期望的结果。 – Brainser 2013-05-09 08:42:54

我认为你的语法是好的......这可能是一个路径问题。请记住，使用“abc.html”作为路径意味着您正在寻找当前目录中名为“abc.html”的文件。

为了确认，请检查abc.html是否为空，然后确保它与调用文件在同一文件夹中（或指定文件的正确路径）。如果那样的话，那么我建议你阅读Absolute vs. Relative paths/URLs。

来源

2013-05-09 08:45:45 Jace

是它是在同一个目录中，它也被加载在页面上，但我想要的是它应该加载在div标签 – Brainser 2013-05-09 08:50:54

......它应该这样做。 http://api.jquery.com/load/“从服务器加载数据并将返回的HTML **放入**匹配的元素中。” – Jace 2013-05-09 08:52:20

@Brainser究竟发生了什么？如果内容在页面上加载，那么它在哪里加载呢？你真的需要开始提供更多的信息。 – Jace 2013-05-09 08:59:11

如何在单击链接时将一个html文件加载到另一个html文件的div标记中

回答

相关问题