Jquery.load_jquery でページをロードした後のページの混乱の解決策-jsチュートリアル-php.cn

Jquery.load_jquery でページをロードした後のページの混乱の解決策

WBOY

リリース： 2016-05-16 16:33:13

オリジナル

1766 人が閲覧しました

私は最初 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>

ログイン後にコピー

お役に立てば幸いです