Comment mettre toute une page html dans une div à l'aide de jquery?

Tout d'abord, je veux que chacun sache que je suis débutant, donc s'il vous plaît être patient avec moi.

Je veux savoir comment je vais faire pour mettre tout le code html de la page dans un div. J'ai essayé $("#footballPlayers").html("footballplayers.html"); mais il affiche footballplayers.html texte au lieu de l'ensemble de la page.

index.html:

<html>
<head>
<script type="text/javascript" src="jquery1.6.4min.js"></script>
<script type="text/javascript">
 $(function(){
  $("div#tabFootballPlayers").click(function(){
    $("#footballPlayers").html("footballplayers.html");
    $("#actionStars").html("");
    $("#directors").html("");
  });
 });

 $(function(){
  $("div#tabActionStars").click(function(){
   $("#actionStars").html("actionstars.html");
   $("#footballPlayers").html("");
   $("#directors").html("");
  });
 });

 $(function(){
  $("div#tabDirectors").click(function(){
   $("#directors").html("directors.html");
   $("#actionStars").html("");
   $("#footballPlayers").html("");
  });
 });
</script>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div>
 <div id="tabFootballPlayers">Football Players</div>
 <div id="footballPlayers"> </div>
 <div id="tabActionStars">Action Stars</div>
 <div id="actionStars"> </div>
 <div id="tabDirectors">Directors</div>
 <div id="directors"> </div>
</div>
</body>
</html>

Pourquoi voulez-vous la chose entière dans une div? Qui n'est pas valide.
Regardez dans les Iframes.
MGZero, vous vous trompez! Il existe de nombreux avantages de l'utilisation de la logique (l'ensemble de la page dans un div). Vous n'avez aucune idée de comment il ouvre les possibilités. ... ET ÇA MARCHE!!!!!!!!!!!!!!!!!!
vraiment ? 2011 vous savez ....
Bien sûr, je ne ferais pas quelque chose comme ça à tout. Mais si je devais faire, j'avais utilisation d'iframes.
si vous ne devriez pas le faire alors ne pas suggérer à quelqu'un d'apprentissage ....

InformationsquelleAutor NinjaBoy | 2011-11-16

html jquery

9

charge d'utilisation de
```
jQuery("#footballPlayers").load("footballplayers.html");
```
pour plus de détails cliquez ici

InformationsquelleAutor Hitu Bansal
9

Vous utilisez le .load() fonction:
```
$("#footballPlayers").load('footballplayers.html body');
```
Avis le sélecteur d'après l'URL. Vous pouvez sélectionner les éléments de la page. Je pense que vous avez besoin de la body, comme ayant imbriquée <html> balises pourrait mal se terminer.

Un peu plus de commentaires sur ton code:

Vous n'utilisez pas cette fonction plus d'une fois. Juste à pousser l'ensemble de votre code:
```
$(function() {
  //All of your code here.
});
```
Je préfère cette syntaxe, comme il semble plus fonctionnel et vous montre ce qu'il fait:
```
$(document).ready(function() {
  //All of your code here.
});
```
Aussi, votre code est vraiment redondant. Essayez de condensation c':
```
$(document).ready(function() {
  $("#your_menu_container div").click(function() {
    $(this).load(this.id.substr(3).toLowerCase() + '.html').siblings().html('');
  });
});
```
InformationsquelleAutor Blender
6

remplacer
```
$("#directors").html("directors.html"); 
```
avec
```
$("#directors").load("directors.html");
```
le fichier html que vous charge doit contenir uniquement le contenu de la DIV - c'est à dire pas le <head> la <body> ou même la navigation - seulement le contenu
- Ou vous pouvez utiliser un sélecteur et de la charge juste le corps: .load("directors.html body");
- yep - mais peut-être pas de corps, si la page est la même que dans la question, mais avec la div terminée .... c'est pourquoi j'ai souligné les OP en vue de rendre le fichier HTML le contenu
InformationsquelleAutor ManseUK
5

Vous pouvez utiliser load pour cela:
```
$("#div1").load("myhtmlpage.htm");
```
InformationsquelleAutor James Johnson

ESSAYER:

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

InformationsquelleAutor Neal

2

Vous avez besoin pour charger le contenu de footballplayers.html à l'aide d'AJAX, et puis mettre ça dans la div.

Essayez ceci:
```
$("#footballPlayers").load("footballplayers.html");
```
.load utilise AJAX pour obtenir la page, puis la charge dans la div.

InformationsquelleAutor Rocket Hazmat
2

à l'aide de votre code, vous remplissez le code html avec une constante chaîne de caractères "footballplayer.html".

Vous pouvez utiliser la méthode load, voici un exemple:
```
$('#footballPlayers').load('footballplayers.html');
```
obtenir via AJAX la page que vous demandez et remplissez l'élément.

InformationsquelleAutor Irvin Dominin

Vous devez vous connecter pour publier un commentaire.