Включить html в другую страницу html с js или jquery - PullRequest
0 голосов
/ 20 марта 2020

Доброе утро всем. Я использую следующую функцию для повторного использования 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>
...