jQuery charger divers id dans les sections de la page

Question

Dans wordpress j'ai une page mise en place pour tirer dans un poste aléatoire, en utilisant jQuery je cherche à tirer des sections de cette page (aléatoire) à diverses sections sur le courant (accueil) au moment où le code est comme ci-dessous:

$('#wrongQuote').load('random/index.php #wrongSaying' + '?noCache=' + Math.floor(Math.random()*10001)); 
$('#sayingBy').load('random/index.php #author' + '?noCache=' + Math.floor(Math.random()*10001)); 
$('#actualQuote').load('random/index.php #actualSaying' + '?noCache=' + Math.floor(Math.random()*10001));

le problème est ce tire dans un #wrongSaying aléatoire, #author et #actualSaying ... ce que je dois est d'obtenir au hasard, mais correspondant # wrongSaying/#author/#actualSaying

Donc je suppose que ce dont j'ai besoin est d'obtenir cette page 'random/index.php #wrongSaying' puis prenez div # x et insérer dans div # a, div # f dans div # e et ainsi de suite ...

Toutes les idées/l'aide seraient très appréciées!

Andy

Answer 1

Je ne voudrais pas utiliser .load() avec 3 demandes ici, je ferais le même chargement et faire une demande au serveur en utilisant $.get(), comme ceci:

$.get('random/index.php', { noCache: Math.floor(Math.random()*10001) }, 
    function(data) { 
    data = $(data); 
    $('#wrongQuote').html(data.find('#wrongSaying')); 
    $('#sayingBy').html(data.find('#author')); 
    $('#actualQuote').html(data.find('#actualSaying')); 
}); 

Le chargement du fragment que vous obtenez avec .load() est rien que vous ne pouvez pas faire vous-même ... et quand vous répétez la même demande c'est quelque chose ne devrait pas faire vous-même ... être efficace et faire une demande, avec plus de code lisible IMO.

Answer 2

Vous pouvez charger le tout dans un élément caché et sortir de l'élément caché:

$(hiddenElement).load('random/index.php?noCache=' + Math.floor(Math.random()*10001)); 

$(elementYouWanToSet).html($(hiddenElement).find(elementYouWant)); 

Answer 3

.load() prend 3 paramètres, une URL, les données de la requête, et une fonction de rappel.

Essayez de changer vos lignes à celles-ci:

var randomID = Math.floor(Math.random()*10001); 
$('#wrongQuote').load('random/index.php #wrongSaying', 'noCache='+randomID); 
$('#sayingBy').load('random/index.php #author', 'noCache='+randomID); 
$('#actualQuote').load('random/index.php #actualSaying', 'noCache='+randomID); 

Cela ne pose aucun problème avec les ID en double, car seul l'ID donné à .load() est inséré dans le DOM, le reste est mis au rebut.