jqueryのコール機能負荷HTMLコンテンツ

index.htmlを

<html> 
    <div id="content"></div> 
    <div id="footer"></div> 
    <script> 
     $("#content").load("productos.html"); 
     $("#footer").load("pie.html"); 
    </script> 
</html>

productos_main.html

<html> 
... 
<div id="prod_fabricantes" class="optbar">fabricantes</div> 
<div id="prod_industria" class="optbar">industria</div> 
<div id="prod_header"></div> 
<div id="prod_mainframe"></div> 
... 
<script> 
$('#prod_fabricantes').live('click', function() { 
    document.title = '..:: TITLLE :: Productos :: Fabricantes'; 
    $("#prod_header,#prod_mainframe").empty(); 
    $("prod_header").text("Text for Fabricantes's section"); 
    $('#prod_mainframe').load("prod_fabricantes.html"); 

}); 
$('#prod_industria').live('click', function() { 
    document.title = '..:: TITLLE :: Productos :: Industria'; 
    $("#prod_header,#prod_mainframe").empty(); 
    $("prod_header").text("Text for Industria's section"); 
    $('#prod_mainframe').load("prod_industria.html"); 

}); 
</script> 
</html>

pie.html

<html> 
<div id="map syte"> 
<table class="table_site"> 
<tr> 
<td id="st_fab" class="topsite">Fabricantes</td> 
<td id="st_ind" class="topsite">Industria</td> 
</tr> 
</table> 

<script> 
$('#st_fab').live('click', function(){ 
    $('#content').empty(); 
    document.title = '..:: DIELECSUR S.L :: Productos :: Fabricantes'; 
    $("#content").load("productos_main.html"); 
    $("#prod_header,#prod_mainframe").empty(); 
    $("prod_header").text("Text for Fabricantes's section"); 
    $('#prod_mainframe').load("prod_fabricantes.html"); 
}); 
$('#st_ind').live('click', function(){ 
    $('#content').empty(); 
    document.title = '..:: DIELECSUR S.L :: Productos :: Idustria'; 
    $("#content").load("productos_main.html"); 
    $("#prod_header,#prod_mainframe").empty(); 
    $("prod_header").text("Text for Industria's section"); 
    $('#prod_mainframe').load("prod_industria.html"); 
}); 
... 
</html>

2つのhtmlファイルを持っている想像してみてサイトを使用してコンテンツを読み込む際に問題が発生するフッターセクションの地図。フッターオプション用のonclickイベント #st_fab 2.it #contentのdivに＃へ$('#st_fab').live('click', function() { ... });

エラー

それが唯一の負荷productos_main.html下の関数を実行するでしょう 3.Ifはをproductos_main.htmlロードするに 1.clickコンテンツのdiv

出典

2012-02-03 Raphael D.G

試してみてください。

 

$("#content").load("productos.html", function() { 
    $("#footer").load("pie.html"); 
});

出典

2012-02-03 05:37:25

はありがとうございました。役に立つ！ –

は、あなたが関数にして使用して内.LOADイベントを置くことを試みている助けてください：

function mainFrameLoad(strHTMLFile){ 
    $(document).ready(function($){ 
     $('#prod_mainframe').load(strHTMLFile); 
    }); 
}

出典

2012-02-03 05:35:45

jqueryのコール機能負荷HTMLコンテンツ

答えて

関連する問題