Jqueryでloadページをロードした後のスタイルがページの混乱を解決する方法がありません

1695 ワード

最初はJqueryが分からなかったので、ずっとjqueryを使いたいと思っていました.loadの方法は新しいページをロードして、局部のリフレッシュを実現して、結果はロードしたページがもとの単独のページと異なっていることを発見して、様式はなくて、それからネット上で調べて、解決方法を発見して、これは他の人の答えです:
このように、いくつかの内容をフィルタリングしないと、直接ロードすると、新しいページにもラベルがあり、ロードすると、1つのページに2つのラベルが規範化されていないHTMLが存在します.これはjqueryです.load()関数で規定されています.一般的に読み込まれたページは、読み込まれたコンテンツの要素に基づいてCSSスタイルを再定義し、jsイベントを追加する必要があります.例:
元ページA.html:




<div id="container"/>

 load   B.html:

<title/>
<style>.page-li {font-size:12px;color:blue}</style>

<div id="page">
<ol class="page-li">
<li>234123</li><li>341234</li><li>41234</li><li>412de34</li>
</ol>
</div>
</code></pre> 
 </div> 
 <p>    A.html      jquery.load(),         page-li             :</p> 
 <p>   load(),css    :<br/> </p> 
 <div class="jb51code"> 
  <pre><code>

<title/>
<style>.page-li {font-size:12px;color:green}</style>

<div id="container"/>
<script type="text/javascript">
$(function(){
$("#container").load("B.html #page",null,function(){alert("    ")});
});
</script>

</code></pre> 
 </div> 
 <p>       </p> 
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"/> 
 </div> 
</div>
                            </div>
                        </div>