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

WBOY
リリース: 2016-05-16 16:33:13
オリジナル
1751 人が閲覧しました

私は最初 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>
ログイン後にコピー

お役に立てば幸いです

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート