Javascript Girl
  1. Javascript Girl
  3. Comment afficher jQuery load () à ajax plusieurs éléments dans plusieurs éléments?
Intereting Posts
Comment générer le hash de fichier MD5 sur javascript? Jquery Stop Fadein / Fadeout Clés d'objet dynamiques Comment obtenir l'élément appelant en utilisant Javascript? Passer une variable via JavaScript d'une page html vers une autre page Array d'accès symfony 2 twig javascript index Convertit la date de jj / mm / aaaa à aaaa-mm-jj en javascript Passer un argument supplémentaire à une fonction de rappel Comment ajouter une liste d'images au document à partir d'un tableau d'URL? Three.js – Formes personnalisées? Utilisation de Javascript pour remplacer ou désactiver la balise de mise à jour de méta Mixage de l'interface utilisateur JQuery Mobile & JQuery Une façon de définir les getters pour les variables paresseuses dans les tableaux Javascript? Appelez deux fonctions du même onclick Changer l'élément, afficher aucun retour à la valeur de style par défaut JS

Comment afficher jQuery load () à ajax plusieurs éléments dans plusieurs éléments?

Je dois charger certains éléments d'une grande page dans les différents éléments d'une page. Le code que j'ai écrit fonctionne mais les éléments sont chargés un à un et après une grande pause. Je pense que je pourrais le faire de manière incorrecte car je ne suis pas un développeur complet mais juste un concepteur.

Mon code semble aimable: 

$("#lot-rental").load("/est.html #est-rental"); $("#lot-deposit").load("/est.html #est-deposit"); $("#lot-date").load("/est.html #est-date"); $("#lot-build").load("/est.html #est-build");

Aidez-moi, c'est un peu urgent pour moi. Votre aide sera appréciée. Merci

Utilisez $.get() pour charger les données, puis définissez le contenu des différents éléments manuellement. 

 $.get('/est.html', function(data) { $.each(['rental', 'deposit', 'data', 'build'], function(i, key) { $('#lot-' + key).html($(data).find('#est-' + key)); }); }, 'html');

Pourquoi ne pas utiliser $.get analyser la réponse (trouver les éléments) et les charger sur la page principale: 

 $.get('/est.html',function(html){ //wrap in jQuery so we can use it as context html = $(html); //find the item in html, and append to the container in the current page $('#est-rental',html).appendTo('#lot-rental'); // ^ ^ ^-- target // | '-- context // '-- the element to find in HTML });

Essaye ça 

 $("#lot-rental").load("est.html#est-rental"); $("#lot-deposit").load("est.html#est-deposit"); $("#lot-date").load("est.html#est-date"); $("#lot-build").load("est.html#est-build");