Динамическая подгрузка JS скриптов
Господа, мое почтение. Пните в нужном направлении ибо я заплутал
Имею вкладки и поле для вывода вида:
<div class="tabs">
<div id="tab_1" class="tab">вкл 1</div>
<div id="tab_2" class="tab">вкл 2</div>
<div id="tab_3" class="tab">вкл 3</div>
</div>
<div class="fields">
<div id="field_out" class="field"></div>
</div>
При нажатии на вкладку, AJAX подгружает мне нужное содержимое. Содержимое примерно вот такого вида:
<section>
<!-- code -->
</section>
<!-- scripts for this include -->
<script src="js/1.js"></script>
<script src="js/2.js"></script>
<script src="js/3.js"></script>
Все прЭкрасно работает, но! Консолька ругается после повторной подгрузки скриптов <!-- scripts for this include -->
Резюмирую трабл:
Когда нажимаю на первую вкладку её содержимое подгружается в месте с теми JS скриптами, которые нужны конкретно этой вкладке. Перехожу на вторую вкладку, содержимое <div id="field_out" class="field"></div> перезаписывается и ошибок нет. А вот когда я повторно подгружаю содержимое, к примеру первой вкладки, то консолька пищит, что такие переменные мол уже has already been declared
Программа работает корректно, но не люблю красный цвет в консоли.