Estou desenvolvendo um site e para transições de páginas, utilizando $.get() do JQuery e modifico apenas o centro da index.html, sem que a página recarregue. Porém, algumas funcionalidades dos trechos de códigos que incluo necessitam de scripts, que também são utilizados na index.html, porém, para que funcionem, devo incluí-los novamente no trecho de código que estou incluindo. Estou com um grande problema nisso, pois está havendo alguns conflitos.
Um exemplo: Utilizo um script para fazer algo no meu cabeçalho funcionar. No momento em que incluo no index.html um trecho de código (vindo de um $.get() em tempo de execução) que também utilizará esse mesmo script, ele não "pega" esse script, então tenho que incluir nele, separadamente (e repetidamente). Porém, quando incluo, há o conflito, como repetição de efeitos e afins.
O que devo fazer para não precisar fazer isso?
EDITADO:
A pedidos, coloco partes do código que estão tendo o conflito.
INDEX.HTML
<!doctype html>
<html>
<head>
...
...
</head>
<body>
<div class="conteudo">
<!-- AQUI É ONDE É SUBSTITUIDO O TRECHO PUXADO PELO $.get() -->
</div>
</body>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/modernizr.js"></script>
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script src="js/functions.js"></script>
<script src="controller/controle.js"></script> <!-- SCRIPT RESPONSÁVEL POR CONTROLAR O MENU E LEVAR OS TRECHOS DE CÓDIGO PARA A DIV CONTEUDO -->
</html>
Tendo a index.html, mostrada acima, tenho arquivos .html, como "principal.html", "contato.html", que são chamados por esse trecho de código no controle.js
$.get("view/principal.html", function(view){
$("#conteudo").html(view);
});
A paginação funciona perfeitamente, porém, se algum elemento vindo dos próximos arquivos utiliza algum dos scripts da index.html, eles não pegam. Para isso, tenho que adicionar esse trecho em todos os .html que adiciono na div conteúdo:
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/modernizr.js"></script>
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script src="js/functions.js"></script>
Porém, quando adiciono esse trecho, funcionalidades "fixas" da index.html, que utilizam os scripts da própria index.html, começam a ter conflitos, como repetição de efeitos e não funcionamento de algumas funcionalidades.