Eu tenho duas páginas chamadas header.html e footer.html. Elas são incluídas em todas as páginas via javascript. Para o header funcionar corretamente e o menu abrir quando eu passar o mouse eu utilizo o script bootstrap-hover-dropdown.min.js, mas esse menu só funciona corretamente se eu incluir esse script do bootstrap direto no header.html, mas se eu fizer isso, ao carregar a página index.html, aparecem conflitos no console do navegador pelo fato de carregar scripts do header e do index. Se eu colocar para carregar o script do bootstrap na página index, o menu não abre ao passar o mouse.
Em resumo, o menu do header.html não enxerga esta tag que está inserido em index.html:
<script src="assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"></script>
E assim o menu não funciona, mas se eu colocar esta tag no header.html o menu funciona, mas aparecem conflitos de script no console do navegador.
Alguma ideia de como resolver isso?