La solution à la confusion des pages après le chargement de la page avec Jquery.load

La solution à la confusion des pages après le chargement de la page avec Jquery.load_jquery

WBOY

Libérer： 2016-05-16 16:33:13

original

1771 Les gens l'ont consulté

Parce que je ne comprenais pas Jquery au début, j'ai toujours voulu utiliser la méthode jquery.load pour charger une nouvelle page afin d'obtenir un rafraîchissement partiel. Il s'est avéré que la page chargée était différente de la page séparée d'origine, et la page chargée était différente de la page séparée d'origine. le style avait disparu. Plus tard, sur Internet, j'ai vérifié et trouvé la solution. Voici la réponse de quelqu'un d'autre :

C'est tout. Si vous ne filtrez pas certains contenus et ne les chargez pas directement, la page sera confuse. Par exemple, la nouvelle page aura également la balise body> sur une seule page. La balise ; n'est pas du HTML standard. Ceci est spécifié dans la fonction jquery.load(). Généralement, la page chargée doit redéfinir le style CSS et ajouter des événements js en fonction des éléments du contenu chargé. Par exemple :

Page originale A.html :

<html>
<head><title></title></head>
<body>
<div id="container"></div>
</body></html>
被load的页面B.html：
<html>
<head><title></title></head>
<style>.page-li {font-size:12px;color:blue}</style>
<body>
<div id="page">
<ol class="page-li">
<li>234123</li><li>341234</li><li>41234</li><li>412de34</li>
</ol>
</div>
</body></html>

Copier après la connexion

Chargez le jquery.load() appelé dans la page d'origine A.html, puis redéfinissez le style de page-li sur la page d'origine :

Ajout de load(), page originale de CSS :

<html>
<head><title></title></head>
<style>.page-li {font-size:12px;color:green}</style>
<body>
<div id="container"></div>
<script type="text/javascript">
$(function(){
$("#container").load("B.html #page",null,function(){alert("加载成功")});
});
</script>
</body></html>

Copier après la connexion

J'espère que cela vous aidera