6
votes

Comment mettre toute une page HTML dans une DIV en utilisant jQuery?

Tout d'abord, je veux que tout le monde sache que je suis débutant absolu alors s'il vous plaît soyez patient avec moi.

Je veux savoir comment suis-je pour mettre toute la page HTML dans une DIV. J'ai essayé $ ("# footballplayers"). Html ("footballplayers.html"); mais il affiche footballplayers.html texte au lieu de toute la page.

index.html: xxx


5 commentaires

Pourquoi voulez-vous toute la chose dans un div? Ce n'est pas valide.


Mgzero, tu es tort! Il existe de nombreux avantages d'utiliser cette logique (page entière sur une DIV). Vous n'avez aucune idée de la façon dont il ouvre les possibilités. ... ET IL FONCTIONNE!!!!!!!!!!!!!!!!!!


@Oliver vraiment? sa 2011 vous savez ....


@Manseeuk sûr, je ne ferais rien de comme ça du tout. Mais si je devais, j'utiliserais des iframes.


@Oliver Si vous ne le feriez pas, ne le suggérez pas à quelqu'un d'apprentissage ....


8 Réponses :


6
votes

Vous pouvez utiliser charger pour ceci: xxx


0 commentaires

9
votes

Vous utilisez le .charger () code> fonction:

$(document).ready(function() {
  $("#your_menu_container div").click(function() {
    $(this).load(this.id.substr(3).toLowerCase() + '.html').siblings().html('');
  });
});


0 commentaires

7
votes

Remplacez xxx

avec xxx

Le fichier HTML que vous chargez ne doit contenir que le contenu de la DIV - c'est-à-dire pas le le ou même la navigation - juste le contenu


2 commentaires

Ou vous pouvez utiliser un sélecteur et charger uniquement le corps: .charger ("corps dirigeants.html");


@Blender Yep - mais peut-être pas corps si la page est la même que dans la question mais avec la div complétée ... C'est pourquoi j'ai signalé le point de vue du fichier HTML.



4
votes

Essayez:

$("#footballPlayers").load("footballplayers.html");


0 commentaires

2
votes

Vous devez réellement charger le contenu de footballplayers.html code> à l'aide d'Ajax, puis mettez cela dans la DIV.

Essayez ceci: P>

$("#footballPlayers").load("footballplayers.html");


0 commentaires

9
votes

Utilisez CHARGE

jQuery("#footballPlayers").load("footballplayers.html");


0 commentaires

2
votes

Utilisation de votre code Vous remplissez le code HTML avec une chaîne constante "footballplayer.html".

Vous pouvez utiliser la méthode de chargement, voici un exemple: P>

$('#footballPlayers').load('footballplayers.html');


0 commentaires

0
votes

Je suis sur le Code> Charger Code> Train:

$("#div1").load("myhtmlpage.htm");


0 commentaires