Доброе утро всем. Я использую следующую функцию для повторного использования html компонентов в других html файлах
$(function(){
var includes = $('[data-include]');
jQuery.each(includes, function(){
var file = $(this).data('include');
$(this).load(file);
});
});
Включение успешно. Но в консоли я вижу следующую ошибку
jquery.min.js:2 Uncaught TypeError: Cannot read property 'addEventListener' of null
at navSlide (app.js:49)
at HTMLDocument.init (app.js:13)
at l (jquery.min.js:2)
at c (jquery.min.js:2)
Я думаю, это происходит потому, что в тех же компонентах, которые я хочу включить, я использую jquery. Как я могу решить это? Я вставляю код файла, который я должен включить на всех страницах.
<nav>
<div class="logo">
<h4><a href="index.html">Test</a> </h4>
</div>
<ul class="my_nav-links">
<li class="myDrop">
<a href="">Suite</a>
<ul class="my_drop-menu">
<li><a href="">Stanza1</a></li>
<li><a href="">Stanza2</a></li>
</ul>
</li>
<li><a href="intorno_a_noi.html">Intorno a noi</a></li>
<li><a href="">Chi siamo</a></li>
<li><a href="">Contatti</a></li>
</ul>
<div class="myBurger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>