jQuery Girl
  1. jQuery Girl
  3. jquery charge plus de contenu onclick
Intereting Posts
Comment sélectionner des éléments enfants sans balise dans une classe de jQuery google maps infobubble contenu dynamic non chargé lors du premier clic sur un marqueur Comment forcer la validation de l’élément input = email avant la publication du formulaire à partir de l’ancre Plusieurs galeries sur la même page – Galeries avancées L’interface utilisateur jQuery déplaçable empêche le défilement sur mobile Utiliser la réponse jquery ajax json? jQuery .click () ne fonctionne pas avec setInterval Comment détruire tinyMce? éléments jquery et html exécutés sur le serveur Jquery Si l’élément a une classe qui commence par x, ne pas addClass Formulaire ASP.Net MVC Ajax avec validation jQuery Ajax jquery passant plusieurs services Web de parameters Comment conserver une vue partielle injectée après l’actualisation de la page dans asp.net mvc dois-je passer du prototype à jquery? préchargement de fichiers audio

jquery charge plus de contenu onclick

C’est ce que j’ai jusqu’à présent: 

$(document).ready(function(){ $("#feed-page").load("feed.php #first-feed"); $('.feed-load').click(function(){ $("#feed-page").load("feed.php #second-feed" , hideLoading); $(".feed-load .button-content").css( "display" , "none" ); $('.feed-load-img').css( "display" , "block" ); }); function hideLoading() { $(".feed-load .button-content").css( "display" , "block" ); $(".feed-load .feed-load-img").css( "display" , "none" ); } }); // end document ready

Mon problème est que lorsque je clique sur “charger plus”, le contenu est échangé.

Ce n’est pas ce que je veux, je veux juste que le contenu rest tout, c’est-à-dire le contenu qui est déjà là lors du chargement de la page. Je veux que cela rest mais quand je clique sur “charger plus”, j’aimerais que ce contenu rest, mais pour Pour une raison quelconque, le contenu qui était à l’origine là-bas est remplacé par le nouveau contenu, ce que je ne souhaite pas.

Un exemple en direct peut être trouvé ici: http://www.cyberfanatic.com

Le problème avec votre code actuel est qu’après que l’utilisateur a cliqué sur le bouton, vous chargez les nouvelles données par-dessus celles existantes. Voir jQuery .load () .

Ce dont vous avez besoin est d’ annexer les nouvelles données, afin de préserver celles qui existent: 

 // on click $('.feed-load').click(function(){ // load the new data to an element $("
").load("feed.php #second-feed", function() { // all done, append the data to the '#feed-page' $("#feed-page").append($(this).find("#second-feed").html()); // call your function hideLoading(); }); // continue the remaining of your code... $(".feed-load .button-content").css( "display" , "none" ); $('.feed-load-img').css( "display" , "block" ); });

ÉDITÉ

Ajouter avec une animation comme demandé dans le commentaire: 

 ... // all done, append the data to the '#feed-page' var $html = $(this).find("#second-feed").html(), $newEle = $('
').attr("style", 'display:none;').html($html); $("#feed-page").append($newEle); $('#second-feed').slideToggle(); ...

Voir cet exemple de violon !