Как правильно подключить js на определенных страницах wordpress?

Question

[ligisayan]

Всем привет! Есть фрагмент с подключением js в задачу которого входит получение переменной tabs со страниц front-page.php и custom-page.php

var tabs = Array.prototype.slice.call(document.querySelector("#new-tab .carousel-indicators").children, 0);

а для остальных станиц получение этой переменной не нужно, т.к. этого блока на них нет и вызывает ошибку скриптов. Интересует вопрос: как правильно провести проверку и подключить это фрагмент кода?

Answer 1

[ligisayan]

var tabs = document.querySelectorAll("#new-tab .carousel-indicators > *")

Answer 2

[Alex]

<?php is_home() { ?>

<script> ..... </script>

<?php } ?>

Comments

[ligisayan]

Alex где это подключить - в functions.php ? и подключать только эту строку или всю зависимость? это самый верный способ или есть проверка на js может?

[Alex]

ligisayan:
Подключить, там где и остальные JS подключаете. is_home просто как пример определения страницы.
Проверка на JS может быть проще типа if(document.querySelector("#new-tab .carousel-indicators")), но код будет на каждой странице и будет каждый раз дергаться и проверять есть ли такой элемент или нет

[ligisayan]

Alex: "Подключить, там где и остальные JS подключаете"
немножко не понял - у меня весь js в отдельном файле, как туда поместить php проверку?
<?php is_home() { ?>

[Alex]

ligisayan: Где JS файл этот подключается?

[ligisayan]

Alex: через header. Мне уже подсказали - в моем случае сработал вот такой вариант

var tabs = document.querySelectorAll("#new-tab .carousel-indicators > *")

[Alex]

ligisayan: о чем я и говорил, только этот JS всераво будет дергаться. А мой вариант не будет данный код выполнять в принципе.
Не суть. Помогли и хорошо.

[ligisayan]

Alex: если вы поясните свою более крутой вариант, то я его тоже засчитаю как верный. просто то, что вы, как я понял предлагаете, делать вставку всего кода js в php файл - верно? но ведь это нисколько не меньше нагрузка на сайт, чем проверка js

[Alex]

ligisayan: Нет, я предлагаю выделить в отдельный файл или просто заключить между тегами script специфичный для каких либо страниц JS а затем, отдавать его на клиент или нет в зависимости от страницы. Для понимания:
К вам прийдут 2 человека Вася и Петя. Если прийдет Вася, то надо его битой по голове долбануть, а если Петя, то не надо.
Так вот в моем случае вы смотрите в глазок и решаете брать биту или нет.
А в случае с проверкой JS, вы биту берете в любом случае, но бить начинаете, если только там Вася.

Если бита (количество кода JS ) маленькая, то можно её с собой притащить в любом случае, а если тяжелая, лучше брать её только по надобности.

[ligisayan]

Alex: "заключить между тегами script специфичный для каких либо страниц JS" под этим я и имел ввиду весь, ну или почти весь - там целый зависимый большой блок с каруселью от этой переменной

[Alex]

ligisayan: Ну если этот блок не нужен на других страницах то да.
Никто вам не мешает вынести весь этот код в какой нибудь carousel.js..... и потом записать
script src="carousel.js" и подключать его только на требуемых страницах.

Есть еще не очень красивый вариант, просто подключить этот carousel.js прямо в файл front-page.php и custom-page.php. Тогда никаких условий вообще не надо. Но то что скрипт подключается в body не оч хорошо и как там валидаторы отреагируют хз

[ligisayan]

Alex: вот-вот. поэтому слегка подправить js - считаю лучший в данном случае вариант. Спасибо!

[Alex]

ligisayan: Эммм. Я тут пытаюсь объяснить что тащить весь JS отвечающий за карусель на страницу где её нет - это как то странно.
А то как это реализовать 1. нормально через PHP или 2. ненормально через подключение в шаблоне, это ваше дело.

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