Autor Tema: Cargar mas contenido ajax! (Leído 935 veces)

Wold · « **en:** 18 de Septiembre de 2013, 23:31:54 pm »

Hola buenas! estoy haciendo una pagina y quiero poner el efecto ajax! os dejo aqui el codigo

home.php

<div class="container">
<script type="text/javascript">
$(function() {
//More Button
$('.more').live("click",function() 
{
var ID = $(this).attr("id");
if(ID)
{
$("#more"+ID).html('<img src="moreajax.gif" />');

$.ajax({
type: "POST",
url: "ajax_more.php",
data: "lastmsg="+ ID, 
cache: false,
success: function(html){
$("#updates").append(html);
$("#more"+ID).remove();
}
});
}
else
{
$(".morebox").html('The End');

}


return false;


});
});

</script>
<?php
$sql=mysql_query("select * from trueques ORDER BY id DESC LIMIT 9");
while($row=mysql_fetch_array($sql))
{
	$message=$row[&#39;descripcion&#39;];
	$msg_id=$row[&#39;id&#39;];
	$img=$row[&#39;img&#39;];
	$categoria=$row[&#39;categoria&#39;];
	$provincia=$row[&#39;provincia&#39;];;

?>
<div id="caja">
  <p><a href="trueque.<?=$msg_id?>" rel="tooltip" data-toggle="tooltip"title="<?=$message?>"><img src="upload/<?=$img?>" alt="<?=$message?>"></a></p>
  <p class="text">Trueque en: <?=$rprovincia?></p>
  <p class="text"><?=$categoria?></p>
  <p class="titulo"><a class="btn btn-mini btn-inverse span12" id="boton" href="trueque.<?=$msg_id?>">Ver trueque</a></p>
</div>
<?php } ?>
</div>

ajax_more.php

Código: [Seleccionar]

<div class="container">
<div class="timeline" id="updates">
<?php
include("config.php");


if(isSet($_POST[&#39;lastmsg&#39;]))
{
$lastmsg=$_POST[&#39;lastmsg&#39;];
$result=mysql_query("select * from trueques where msg_id<&#39;$lastmsg&#39; order by id desc limit 9");
$count=mysql_num_rows($result);
while($row=mysql_fetch_array($result))
{
$msg_id=$row[&#39;ms_gid&#39;];
$message=$row[&#39;descripcion&#39;];
?>
 <div id="caja">
  <p><a href="trueque.<?=$row['id']?>" rel="tooltip" data-toggle="tooltip"title="<?=$message?>"><img src="upload/<?=$row['img']?>" alt="<?=$message?>"></a></p>
  <p class="text">Trueque en: <?=$row['provincia']?></p>
  <p class="text"><?=$row['categoria']?></p>
  <p class="titulo"><a class="btn btn-mini btn-inverse span12" id="boton" href="trueque.<?=$row['id']?>">Ver trueque</a></p>
</div>
<?php
}


?>
<div id="more<?php echo $msg_id; ?>" class="morebox">
<a href="#" id="<?php echo $msg_id; ?>" class="more">more</a>
</div>
<?php
}
?>
</div>
</div>

El problema es cuando le doy a <a href="#" id="<?php echo $msg_id; ?>" class="more">more</a> me lleva a la cabecera de la pagina no ejecuta el jquery... soy nuevo en esto, alguien sabe el por que? esta maquetado en boostrap

iStocker · « **Respuesta #1 en:** 19 de Septiembre de 2013, 11:15:35 am »

No lo revisé del todo debido a que son las 3:10 am y ma;ana madrugo, así que te comentaré las dos cosas que alcancé a observar...

Código: [Seleccionar]

$('.more').live("click",function()
Me parece que es mejor utilizar .onClick()

Código: [Seleccionar]

$("#more"+ID).remove();
Hay una diferencia muy grande entre usar # y ., no te lo sabría explicar ya que no sé los términos correctos, pero tienen que ver con CSS. Otra cosa es que "#more"+ID reemplazando la ID y suponiendo que ésta es 1 sería #more1, por lo tanto está mal, CREO que debería de ser algo como ".more[id="+ID+"]", no estoy completamente seguro y tendrías que corroborarlo.

Suerte.

Wold · « **Respuesta #2 en:** 19 de Septiembre de 2013, 12:32:46 pm »

He probado lo de onclik y nada yo creo que es por el href="#" algo pasa que se va al div! en cuanto a lo del id no entiendo xD

Noticias:

Autor Tema: Cargar mas contenido ajax! (Leído 935 veces)

Wold

Cargar mas contenido ajax!

Comunidad PHPeros

Cargar mas contenido ajax!

iStocker

Re:Cargar mas contenido ajax!

Wold

Re:Cargar mas contenido ajax!