CSS e JS não carregam em html dentro de DIV

Herbert Jean · Agosto 20, 2015

Pessoal, boa tarde.
Sou novo no fórum, desculpem-me se fiz algo de errado.. vou me acostumar aos poucos..

Então.. tenho aqui na empresa, um portal com 4 sistemas.. cada um com seu link próprio.. que são pastas dentro do servidor com suas configurações css, jquery e javascript.

Montei uma tela, que tem duas divs.. a primeira div é um menu horizontal.. e a segunda div seria onde eu preciso que cada sisteminha carregue..

Como no código abaixo.. minha div com id="cssmenu", tem um menu que ao ser clicado, meu javascript carrega a página dentro da div com id="content"...

Pois bem, o problema é que, cada sistema tem suas imagens, suas configurações de css e seus arquivos php..
porém.. dentro dessa div, que está num index.hmtl separado dos sistemas, não carrega seus js, jquery e css de cada sistema..

Alguém pode me ajudar? Eu teria que carregar nesse index, todos os arquivos e configurações que cada sistema carrega??? Segue meu index.html

HEAD

<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
<script src="../../DEV/scripts/js/jquery/1.10.2/jquery-1.10.2.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<title>CSS Menu</title>

<script>
            $(function ()
            {
                $("#home").click(function ()
                {
                    $("#content").load("index.html");
                    $("#home_li").addClass("active");
                    $("#acomp_rec_li").removeClass("active");
                    $("#acomp_contrato_li").removeClass("active");
                    $("#downtime_li").removeClass("active");
                });
                $("#acomp_rec").click(function ()
                {
                    $("#content").load("rec/upload_arquivo.php");
                    $("#acomp_rec_li").addClass("active");
                    $("#home_li").removeClass("active");
                    $("#acomp_contrato_li").removeClass("active");
                    $("#downtime_li").removeClass("active");
                });
                
                $("#acomp_contrato").click(function ()
                {
                    $("#content").load("contratos/acomp_contrato.php?");
                    $("#acomp_contrato_li").addClass("active");
                    $("#home_li").removeClass("active");
                    $("#acomp_rec_li").removeClass("active");
                    $("#downtime_li").removeClass("active");
                });
                
                $("#downtime").click(function ()
                {
                    $("#content").load("downtime/formulario.php");
                    $("#downtime_li").addClass("active");
                    $("#home_li").removeClass("active");
                    $("#acomp_rec_li").removeClass("active");
                    $("#acomp_contrato_li").removeClass("active");
                });
            });
        </script>

body

<body onload="$('#home').click();">
        <div id='cssmenu'>
            <ul>
                <li id="home_li">
                    <a href='#' id="home">
                        <span>Home</span>
                    </a>
                </li>
                <li id="acomp_rec_li">
                    <a href='#' id="acomp_rec">
                        <span>Acompanhamento de RC's</span>
                    </a>
                </li>
                <li id="acomp_contrato_li">
                    <a href='#' id="acomp_contrato">
                        <span>Acompanhamento de Contratos</span>
                    </a>
                </li>
                <li id="downtime_li">
                    <a href='#' id="downtime">
                        <span>Formulário Downtime</span>
                    </a>
                </li>
            </ul>
        </div>
        <div id="content"><div>
    </body>