Javascript 动态加载rel属性中的链接。

我想使用jquery的

.load（）

函数动态加载内容。我将链接存储在链接的

.rel

属性中。我把它设置成这样：

<script>
$(document).ready(function(){

$('.sidebar_link').click(function(){

    var link = this.attr('rel');
    event.preventDefault();
    $('#content').empty();
    $('#content').load(link '#content');

});
});
</script>

<div class="main_menu">
<a class="sidebar_link" href="#" rel="photos.htm">Photography</a>
<a class="sidebar_link" href="#" rel="furniture.htm">Furniture</a>
<a class="sidebar_link" href="#" rel="services.htm">Services</a>
</div>
</div> 

$（文档）.ready（函数（）{
$（'.sidebar_link'）。单击（函数（）{
var link=this.attr（'rel'）；
event.preventDefault（）；
$（'#content'）.empty（）；
$（“#内容”）.load（链接“#内容”）；
});
});

它不工作-它似乎没有抓住链接的rel属性，我不知道为什么。有什么想法吗

$('#content').load(link '#content');

这几乎肯定会引发语法错误——请检查JavaScript控制台。我想你只需要

.load（link）
尝试以下操作：

var link = $(this).attr('rel');

.attr不是一个本机JavaScript函数，它来自jQuery，因此必须用jQuery包装
这个

这是：

$('#content').load(link);

您可以传递一个id来加载片段，但是url和id必须是字符串文字，如so
$（“#content”）。load（'photos.htm#content'）
photos.htm页面上需要有一个id内容的元素。如果您只想显示页面的全部内容，只需使用url。
在单击处理程序中
这是一个纯dom元素；在访问rel属性之前，需要对其调用jQuery函数

    $('#content').load($(this).attr("rel"));

您可以传递一个id来加载片段，但是url和id必须是字符串文字，如so
'ajax/test.html#container'