Amigo ya te había respondido a tu duda mas reciente pero habiendo leído este mensaje ya me queda más claro tu dilema.
A simple vista se vé que la lógica de tu código no es la adecuada. Me gustaría echarle un vistazo a ese "rollo" de código que debes tener =D
- Primero que todo, usa funciones tanto para los "me gusta" como para "Ver más" y "las paginaciones" y lo pones en un script el cual cargas solo en el header de la página.
- Usa solo 1 "me gusta" y solo 1 "ver mas" asi cuando los preciones solo ejecutarán la tarea 1 vez.
- En cada paginación solo carga los comentarios, nada de javascript.
PSEUDO CODIGO:
Código:
<script>
function like(obj, id) {
$.ajax(...).sucess(...);
obj.innerHTML = "Te gusta esto, <a href="#" onclick="unlike(this,id);">ya no me gusta</a>.";
}
function unlike(obj, id) {
$.ajax(...).sucess(...);
obj.innerHTML = "<a href="#" onclick="like(this,id);">Me Gusta</a>";
}
more_page = 1;
function more(obj, id) {
$.ajax(...)...
var content = coments_back_from_server();
more_page = 2;
obj.parent.addChild(...) //insertar objetos LI (comentarios) mediante DOM
obj.innerHTML = "No hay mas comentarios";
obj.onclick = function() {/*funcion vacía*/};
}
</script>
<div class="publicacion">
<h1>Antonio Perez publicó:</h1>
<p>Hola mundo xD</p>
<div class="publicacion-tools">
<ul class="tools">
<li class="tools-like" onclick="like(this,123352);">Me gusta</li>
<li class="tools-like-comments">112 omentarios</li>
</ul>
<ul class="comentarios">
<li>Eso ya pasó de moda!</li>
<li>Otra ves con eso, no hay manera de cambiarlo.</li>
<li onclick="more(this,123352);">Ver mas</li>
</ul>
</div>
</div>