Penyelesaian kepada kekeliruan halaman selepas memuatkan halaman dengan Jquery.load

Penyelesaian kepada kekeliruan halaman selepas memuatkan halaman dengan Jquery.load_jquery

WBOY

Lepaskan： 2016-05-16 16:33:13

asal

1771 orang telah melayarinya

Oleh kerana saya tidak memahami Jquery pada mulanya, saya sentiasa mahu menggunakan kaedah jquery.load untuk memuatkan halaman baharu untuk mencapai penyegaran separa Ternyata halaman yang dimuatkan berbeza daripada halaman asal yang berasingan gaya telah hilang Kemudian, di Internet saya menyemak dan menemui penyelesaiannya. Ini adalah jawapan orang lain:

Itu sahaja jika anda tidak menapis beberapa kandungan dan memuatkannya secara langsung, halaman tersebut akan menjadi keliru. body> dalam satu halaman. Teg ; Ini dinyatakan dalam fungsi jquery.load(). Secara amnya, halaman yang dimuatkan perlu mentakrifkan semula gaya CSS dan menambah acara js mengikut elemen kandungan yang dimuatkan. Contohnya:

Halaman asal 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>

Salin selepas log masuk

Muatkan jquery.load() yang dipanggil dalam halaman asal A.html, dan kemudian takrifkan semula gaya page-li pada halaman asal:

Tambah beban(), halaman asal 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>

Salin selepas log masuk

Semoga ia membantu anda