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