recherche

Maison  >  Article  >  interface Web  >  La solution à la confusion des pages après le chargement de la page avec Jquery.load_jquery

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

WBOY
WBOYoriginal
2016-05-16 16:33:131747parcourir

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 6c04bd5ca3fcae76e30b72ad730ca86d 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>

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>

J'espère que cela vous aidera

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Le changement de barre de navigation implémenté par jQuery peut afficher et cacher_jqueryArticle suivant：Le changement de barre de navigation implémenté par jQuery peut afficher et cacher_jquery

Articles Liés

Voir plus