私は最初 Jquery を理解していなかったので、部分更新を実現するために jquery.load メソッドを使用して新しいページをロードしたいと常に考えていました。ロードされたページは元の別のページとは異なることが判明しました。スタイルがなくなっていました。後でインターネットで調べたところ、解決策が見つかりました。
これだけです。一部のコンテンツを除外して直接ロードしないと、新しいページには
タグが 2 つあります。 1 ページ内の body> タグは標準の 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>
呼び出された jquery.load() を元のページ A.html にロードし、元のページの 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>
お役に立てば幸いです