Question

我正在尝试使用ajax.load

在页面中加载某个div

我的jquery代码

$('nav ul li a').click( function() { 

   var pageHref=$(this).attr('href');

   $('.main_content').load(pageHref div);

return false;
});

Answer 1

应该是：

$('.main_content').load(pageHref + " div");

Answer 2

您的div选择器应为string

$('.main_content').load(pageHref + ' div');

Answer 3

ajax用于加载页面中的外部页面。如果您想在同一页面上将div的内容加载到另一个div中，那么您应该考虑执行以下操作：

$('#id_of_destination_div').html($('#id_of_source_div').html());

在旁注中，您应该尝试清楚地询问您的问题。这个问题有点含糊不清。

Answer 4

 $('.main_content').load(pageHref div);

这里的语法不正确。不确定你想要做什么，但是假设你想要加载整个pageHref并从中取一个应放入$(".main_content")

的div

在这种情况下，您应该像下一个一样修改它：

 $('.main_content').load(pageHref + " div");

因此，例如，pageHref等于“www.mysite.com/page.html”，它将等于

 $('.main_content').load("www.mysite.com/page.html div");

（参见字符串连接。例如Here）

但请注意，指定为选择器的div将返回页面上可用的所有 div，因此您可能会发现使用ID选择器更好：

 $('.main_content').load(pageHref + " #some_id");

为了获得你需要的元素。

如果您只想添加一些内容，可以执行以下操作：

$('nav ul li a').click( function() { 
   var pageHref=$(this).attr('href');
   $.get(pageHref, function(res) {$(".main_content").append(res); });
   return false;
});

它将加载pageHref的所有内容并将其附加到main_content

在页面中加载某个div

4 个答案: