Как правильно вынести код во внешний файл?

Question

[manjaro]

Такой вот код-запоминалка

$(() => {
        let navtab = $('#navtab');
        let sessionStorageKeyName = 'active-navtab';
        let loadActiveTab = () => sessionStorage[sessionStorageKeyName];
        let saveActiveTab = value => sessionStorage[sessionStorageKeyName] = value;
        if (loadActiveTab()) {
            $.each(navtab.find('.nav-link'), (_, item) => $(item).tab('dispose'));
            navtab.find('#' + loadActiveTab()).tab('show');
        }
        $('a[data-toggle="tab"]').on('shown.bs.tab', e => saveActiveTab($(e.currentTarget).attr('id')));
    });

работает при подгрузке в блок внутри файла контента

так как управляемая таким кодом разметка повторяется в других файлах контента, то возникла необходимость вынести его во внешний js, но он перестаёт работать

как правильно вынести?

Answer 1

[Арсений Матыцин]

Вынеся, необходимо добавить на него ссылку:
1. Файл, к примеру, в папку /assets/script.js
2. А в html-документ так: <script src="/assets/script.js"></script>

На локальной машине такой метод не сработает, так как первый слеш будет сбрасывать адрес до корня диска. В таком случае его необходимо убрать, и почитать про относительные и абсолютные пути.

Comments

[manjaro]

так как управляемая таким кодом разметка повторяется в других файлах контента, то возникла необходимость вынести его во внешний js, но он перестаёт работать

цитата

код уже во внешнем файле, подключенном указанным Вами способом, но не работает

[Арсений Матыцин]

manjaro, я не зря дополнил заранее ответ, так как это распространенная ошибка у начинающих, пути.

А дальше дебаггер в помощь. Обычно он вызывается нажатием кнопки F12.

[manjaro]

Арсений Матыцин, ага, Вы не зря дополнили свой ответ, теперь я знаю, как вызвать дебаг в браузере, но код из внешнего js так и не заработал в подгруженном контенте после нажатия на F12

[Арсений Матыцин]

manjaro, дебаг это не волшебная кнопка, он всего-лишь помогает разработчику провести навигацию по ошибкам, скорости загрузки и, собственно DOM-разметке. Его я порекомендовал включить, чтобы понять, есть ли ошибки.

Помимо это предлагаю обратиться к «истокам». Там в красках описано, что как и почему, кроме, разве что jQuery.

В вашем случае jQuery должен быть подключен до исполнения данного скрипта, как в файле, так и в потоке.

К слову, мне данная конструкция вызова не импонирует. Оно работало до выноса в отдельный файл?
Никогда такие конструкции не применял. Рекомендую обратиться к другим «истокам» за информацией по стрелочным функциям.

[manjaro]

тут должно быть сообщение о дичи