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

我试图使用jQuery's load方法将内容加载到从外部html files到我的页面的div中。最初，我的div rightcontent中没有内容，并且当用户单击某些链接时，文本会自动加载到该div中。使用jQuery的加载方法将内容加载到div

看看这些内容摘要：

在我的网页：

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

同一Web页面还包含这样的链接：

<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; 
});

当我检查我的javascript调用是否正在使用alert(myhref)正确，它工作正常。但是，没有内容被加载到div中。在这里帮助我！

来源

2012-11-21 OneMoreError

你看过调试器吗？查看请求是否已启动并成功？ – BiAiB

我尝试使用'alert（myhref）'脚本，并且对话框显示正确的链接。但是，该链接的内容未成功加载到div中。 – OneMoreError

您必须查看调试器的网络标签（chrome和firebug有一个）才能查看是否发送了HTTP请求，以及它是否成功。另外，您可以将回调传递给$（）。load（）以查看它何时完成。你可以挖掘load（）的jquery文档以获取关于该文件的信息。 – BiAiB

你测试本地或服务器上的代码？ AJAX请求在本地不起作用。

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

来源

2012-11-21 17:20:38 Blazemonger

使用

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

的

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

来源

2012-11-21 17:02:04

但是加载被调用的文件名，例如'pages/abc.html'或' pages/pqr.html'放入div中，而不是页面中的内容。 – OneMoreError

instaed尝试使用

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

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

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

    }) 
    return false; 
})

来源

2012-11-21 17:16:11 BernaMariano

不起作用！ – OneMoreError

@CSSS你可以使用PHP吗？尝试使用PHP的服务器端，如：<？php include（“pages/abc.html”）; ？> – BernaMariano

我对PHP不太好，但是我有过使用它的经验。我如何使用PHP来完成上述操作？它不会提供任何动画或效果！ – OneMoreError

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

回答

相关问题