Problema com o jquery
13/02/2014
0
O problema é o seguinte, quando eu abro meu site o mesmo lista 10 publicações, quando eu clico sobre ela o eu uso o jquery para recuperar o id num alert.
No final da página tem um botão "ver mais" ele faz um post do ultimo id listado e então lista mais 10 publicações, porem quando eu listo essas novas publicações o jquery não funciona mais :(
Alguém, pode me ajudar?
Paulo Sérgio
Posts
13/02/2014
Paulo Sérgio
//PAGINAÇÃO DE PUBLICAÇÕES
$("#verMaisp").click(function(){
var dds = $(this).attr('class');
$("#verMaisp span").hide();
$(".loadPagination").fadeIn("fast");
$.post(local+"includes/paginacao.php", {dds:dds}, function(chamaPgs){
$("#postagemPagi").append(chamaPgs).slideDown("slow");
$("#verMaisp span").fadeIn("fast");
$(".loadPagination").hide();
});
});
13/02/2014
William
13/02/2014
Paulo Sérgio
esse cod, pega o id da publicação para que eu possa trabalhar
o alert funciona normal nas demais publicações, mais não funciona nas que vieram da paginação
$(".lp").click(function(){
var post = $(this).attr("id");
$.post("acao.php", {post:post}, function(retorno){
alert('sucesso');
});
});
13/02/2014
William
13/02/2014
Paulo Sérgio
quando eu click em listar mais... ele retorna os novos posts na div postagemPagi e quando isso acontece nao consigo executar nada com essas postagens que vieram
<div id="postagens"></div>
<div id="postagemPagi"></div>
<div id="timeline">
<div id="verMaisp" class="<?php echo $p_id; ?>">
<div class="loadPagination"><img src="style/img/load-pagination.GIF" /></div>
<span>Listar mais publicações</span>
</div>
</div>
13/02/2014
William
13/02/2014
Paulo Sérgio
as postagens são assim
<div id="post" class="<?php echo $p_id; ?>"> Conteúdo </div>
Quando eu clico dentro dela eu chamo no jquery assim
$("#post").click(function(){
var id = $(this).attr('class');
alert(id);
});
e nessa hora que ta o problema :(
14/02/2014
Paulo Sérgio
Segue o código, quando vc clica na li ela exibe o id, mais quando vc lista mais e clica nas novas li's, elas não executam nada
index.php
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('li').click(function(){
var id = $(this).attr('id');
alert(id);
});
$("#verMais").click(function(){
$.post("dados.php", {parametro:'1'}, function(chamaPost){
$("ul").append(chamaPost);
});
});
});
</script>
<style>
body{width:500px; margin:40px auto 0;}
ul{margin-bottom:20px;}
li{list-style:none; padding:8px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; cursor:pointer;}
li:hover{background:#ededed;}
#verMais{width:100px; margin:0 auto 0; cursor:pointer; border-radius:5px; text-align:center; padding:10px 0; background:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
</style>
</head>
<body>
<ul>
<li id="1"><?php echo 'Primeiro'; ?></li>
<li id="2"><?php echo 'Segundo'; ?></li>
<li id="3"><?php echo 'Terceiro'; ?></li>
<li id="4"><?php echo 'Quarto'; ?></li>
<li id="5"><?php echo 'Quinto'; ?></li>
</ul>
<div id="verMais">Ver Mais</div>
</body>
</html>
dados.php
<?php
echo '<li id="'.date("YmdHis").'">'.date("YmdHis").'</li>';
?>
Clique aqui para fazer login e interagir na Comunidade :)
