将外部页面加载到div中时感到困惑

Question

我有一些喜欢这样的div：

<div id="menu">
     <ul>
         <li><a href="link.htm">next</a></li>
     </ul>
</div>

<div id="content"></div>

和另一页link.htm中的脚本：

<div id="data">
     <ul>
         <li><a href="slide.php">Slide</a></li>
     </ul>
</div>

我想在link.htm div中加载content页面，但我只知道加载一些图片：

$('ul li a').click(function(){
                        var data = $(this).attr('href');
                        $('#content').html('<img src="'+data+'" />');
                        return false;
                        });

如何将加载外部页面更改为div？

Answer 1

这将在#data。

中加载特定div #content

$('a').click(function(){
    var data = $(this).attr('href');
    $('#content').load(data+'#data');
    return false;
 });

有关更多信息，请查看jQuery文档：http://api.jquery.com/load/