Jquery点击function没有加载新内容

出于某种原因，jquery不会将新的html加载到#textoPequeno div中。 它实际上删除了旧内容，只要它得到。

这是html代码：

         
 
 
 Linux Logo 
 
 
Home
 
Home
 
Home
 
Home
 
Home
 
 
 
 
 
Opera ahora
 mas acojedor...
 
En su nueva versión, Opera apuesta por un nuevo diseño y pestañas visuales, un motor más veloz que incrementa su velocidad en un 40% frente a su anterior versión y un mejor soporte de estándares.
 
  

和jquery代码

  $("li a").live("click", function(){ $("#textoPequeno").load($(this).attr('href')+' .main'); return false; }); 

请查看实时样本： http ： //gabrielmeono.com/working/

编辑：

如果我从javascript代码中删除main，页面将不会加载div。 它将保持原样。

Answer 1

你的代码很好，你的HTML是错的。

看起来您正在尝试创建独立页面，这些页面也具有通过ajax加载的function。

您将' .main'附加到' .main' .load()调用，这相当于从返回的内容中选择'.main' 。 如果你这样做，你所有的html页面都需要有一个class='main'的元素。

我的建议是使用id='main'而不是类。 然后将您的调用更改为： $("#textoPequeno").load($(this).attr('href')+' #main');

Answer 2

摆脱+ ' .main'

 $("li a").live("click", function(){ $("#textoPequeno").load( $(this).attr('href') ); return false; }); 

只要’href’中的内容加载到#textoPequeno中就可以了

Answer 3

rkw的答案是对的。 我想补充一点，你也可以将#main移动到实际的href prop。 它可能看起来不是很多，但它会减少一些开销，如果您的AJAX调用失败（或者由于其他一些原因）用户被定向到实际的href – 它们将被发送到正确的位置。