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

时间:2013-05-09 08:30:55

标签: html

<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 =&#34; content&#34;加载内部的abc.html内容。单击链接内部时。 此代码不起作用。任何人都可以帮助我..

1 个答案:

答案 0 :(得分:0)

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

为确认,请检查abc.html是否为空,然后确保它与调用文件位于同一文件夹中(或指定文件的正确路径)。如果那样可行,那么我建议您阅读Absolute vs. Relative paths/URLs