用Jquery.load載入頁面後樣式沒了頁面混亂的解決方法_jquery
- WBOY原創
- 2016-05-16 16:33:131747瀏覽
因為開始不懂Jquery，一直想用jquery.load的方法載入新的頁面，以實現局部刷新，結果發現載入進來的頁面與原來單獨的頁面不一樣，樣式沒了，後來在網上查了一下，發現了解決方法，這是別人的回答：
是這樣的，如果不過濾掉一些內容的話，直接加載，會使頁面混亂的，比如新的頁面也存在
標籤，加載進來後，一個頁面就會存在兩個標籤是不規範的的HTML。這個是在jquery.load()函數中規定的。一般載入進來的頁面需要自己根據載入的內容的元素重新定義CSS樣式和新增js事件的。如：原頁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>
在原始頁面A.html中載入呼叫的jquery.load()，然後再在原始頁面對 page-li 的樣式重新定義下就可以了：
新增了load(),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>
希望對你有幫助
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn