Динамическая подгрузка 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

Программа работает корректно, но не люблю красный цвет в консоли.


Ответы (0 шт):