Дико извиняюсь.
Сейчас проверил в инспекторе при клике идентификатор присаивается, причем как по инпуту так и по лейблу, при заданном коде для инпута.
Но сейчас понял, что проблема в самой логике описанной мною задачи.
Заданный код при определенных условиях, в данном случае если третий блок короче первого или второго присваивает третьему блоку идентификатор, а если он длинее то не присваивает. Тоже самое при кликах.
Но есть следующий сценарий:
Когда при загрузке страницы правый блок короче и ему уже присвоен идентификатор после чего при нажатии на вторую вкладку длина правого блока становится больше левого и центрального и новый идентификатор уже не присваивается благодарю коду на клик по инпуту. Но при этом остается тот же идентификатор который уже был присвоен блоку ранее, при загрузке страницы.
Выходит по логике, данный код при нажатии на инпут должен не только присваивать или не присваивать идентификатор при указанных условиях, но и удалять данный идентификатор, если такой уже был присвоен блоку ранее, при проверке по тем же условиям.
Предполагаю, что нажатие происходит на label
поскольку для .for-tabs-list input установлено display: none;
а для .for-tabs-list label установлено cursor: pointer;
Добрый день!
Простите за настойчивость, но у меня никак не срабатывает предложенный код на клик инпутов.
Может подскажите в чем еще может быть проблема? Где еще покопать? Или может есть еще другое решение?
Заранее большое спасибо за помощь!
Это разметка инпутов
Это код в js файле
Первая строка идеально работает и выполняет свою задачу, вторая и третья строка не работают.
Условные классы "content-grid__left", "content-grid__main" и "content-grid__right" заменены на "sticky-left", "sticky-center" и "sticky-right".
Условный идентификатор "primary" заменен на "main-sticky-right".
Да, добавил и продублировал ту же функцию со вторым идентификатором "right-deposits-tab", но к сожалению не работает.
Если убираю предыдущий код, просто без клика, то тогда вообще при загрузке уже не работает. Предполагаю, что ваше первое решение в любом случае нужно оставить, поскольку мне нужно определять высоту при указанных выше условиях и добавлять идентификатор к элементу не только при нажатии на вкладки, а также при обычной загрузке стрницы с вкладкой по умолчанию. И первое решение отлично этим справлялось)
Может я что накосячил? Но ворде все в точности скопировал и вставил.
И раз уж Вы мне так помогли можно еще один вопрос по той же задаче?
Если нужно могу создать отдельный вопрос.
Ситуация такова:
Третий блок "content-grid__right" которому мы добавили идентификатор id="primary" имеет две вкладки в виде инпутов, реализованных на чистом CSS.
По умолчанию при загрузке страницы отображается первая вкладка.
Так вот при переключении между вкладками высота блока "content-grid__right" может значительно изменяться.
Само переключение между вкладками производится без перезагрузки страницы и следовательно наш скрипт который мы добавили, определив высоту блока при загрузке страницы после переключения вкладки не знает, что теперь высота блока "content-grid__right" изменилась.
Можете посоветовать решение на JS, которое при нажатии на одну из вкладок будет без перезагрузки страницы заново определять высоту блоков на основе ранее предложенного вами скрипта.
Если конечно такое вообще возможно?
На всякий случай скриншот с разметкой вкладок-инпутов:
Можно вам написать по делу в телегу?