Question

我正在尝试使用rightcontent方法将内容从外部html files加载到名为jQuery's load的div中。最初，我的div rightcontent中没有内容，当用户点击某些链接时，文本会自动加载到该div中。

看一下这些片段：

在我的网页中：

<div id="rightcontent">
</div>

同一网页还包含以下链接：

 <a class="myajaxreq" href="pages/abc.html">Link I</a><br>
 <a class="myajaxreq" href="pages/pqr.html">Link II</a>

外部javascript文件包含以下代码：

$('.myajaxreq').click(function() {
var myhref=$(this).attr('href');
$('#rightcontent').load(myhref);

return false;
});

当我使用alert(myhref)检查我的javascript调用是否正确时，它可以正常工作。但是，没有内容加载到div中。帮帮我!!

Answer 1

您是在本地还是在服务器上测试代码？ AJAX请求无法在本地运行。

将其上传到服务器（并将所有内容放在正确的子目录中），它应该可以正常工作。

Answer 2

使用

$('#rightcontent').text(myhref);

而不是

$('#rightcontent').load(myhref);

Answer 3

尝试使用

$(".myajaxreq").click(function(){

    $.get( $(this).attr("href"), function(page){

        $("#rightcontent").html(page);

    })
    return false;
})

使用jQuery的加载方法将内容加载到div中

3 个答案: