JQuery вызов функции после загрузки содержимого HTML

Представьте у меня есть 2 HTML файлы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>

У меня проблемы с загрузкой содержимого с сайта карту в нижнем колонтитуле. события OnClick для вариантов колонтитула 1.click на #st_fab 2.it загрузит productos_main.html в #content DIV 3.Если бы выполнять функции ниже $('#st_fab').live('click', function() { ... });

ошибки

него только нагрузки productos_main.html в # содержание ДИВА

пожалуйста, помогите

источник

2012-02-03 Raphael D.G

Try:

 

$("#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

ответ

Смежные вопросы