search

Home >Web Front-end >JS Tutorial >The solution to the page confusion after loading the page with Jquery.load_jquery

The solution to the page confusion after loading the page with Jquery.load_jquery

WBOY
WBOYOriginal
2016-05-16 16:33:131773browse

Because I didn’t understand Jquery at first, I always wanted to use the jquery.load method to load a new page to achieve partial refresh. It turned out that the loaded page was different from the original separate page, and the style was gone. Later, I found it on the Internet I checked and found the solution. This is someone else’s answer:

That's it. If you don't filter out some content and load it directly, the page will be confused. For example, the new page also has the 6c04bd5ca3fcae76e30b72ad730ca86d tag. After loading, there will be two

Original page 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>

Load the called jquery.load() in the original page A.html, and then redefine the style of page-li on the original page:

Added load(), original page of 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>

Hope it helps you

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Navigation bar switching implemented by jQuery can show and hide_jqueryNext article：Navigation bar switching implemented by jQuery can show and hide_jquery

Related articles

See more