Обработка скрипта "кнопка" открытие ссылки
Страницы: 1
Обработка скрипта "кнопка" открытие ссылки, Помощь
Всем привет, проблема с галереей, сперва кнопка работала но создавала доп картинку , но она не нужна убрал, 

Код
<section id="portfolio">
    <div class="container">
        <ul class="tabs_portfolio">
          <li data-tab-target="#tab_remont" class="active tab border_btn"><i class="service-cutter"></i>Ремонт паркета</li>
          <li data-tab-target="#rab_ukladka" class="tab border_btn"><i class="service-parquet"></i>Укладка паркета</li>
        </ul>

        <div class="tab-content">
            <div id="tab_remont" data-tab-content class="active">
                <h3 class="main_title"><span>Сделали 3000+ проектов</span><br />по реставрации паркетных полов</h3>
                <p>Гордимся каждым. Посмотрите последние реализованные проекты</p>
                <div class="portfolio_container">
                    <div class="portfolio_block gallery1">
                        <div class="portfolio_img">
                            <a href="/images/ciklevka_parketa_eco11.jpg" data-sub-html="Реставрация паркетного пола в комнате. Стоимость - 10500 ₽ / 20м<sup>2</sup> (работа - 7000, стоимость лака - 3500)">
                                <span class="img-wrapper"><img src="/images/ciklevka_econom.jpg" alt="" loading="lazy"></span>
                                <div class="portfolio_fotos">+2 фото <i></i></div>
                            </a>
                             <div style="display:none;">
                                <div>
                                    <a href="/images/ciklevka_parketa_eco12.jpg" data-sub-html="Ремонт паркетного пола - До нас"> <img src="/images/ciklevka_parketa_eco12.jpg" alt="" loading="lazy">
                                        <div class="text-center relative"></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <h4 class="portfolio_name">Реставрация паркетного пола в квартире</h4>
                        <div class="portfolio_characteristiks">
                            <div class="char_item">
                                <div class="char_name">Размер</div>
                                <div class="char_text">20м<span class="stepen">2</span></div>
                            </div>
                            <div class="char_item">
                                <div class="char_name">Срок реализации</div>
                                <div class="char_text">1 рабочий день</div>
                            </div>
                            <div class="char_item">
                                <div class="char_name">Тариф</div>
                                <div class="char_text">Эконом</div>
                            </div>
                            <div class="char_item">
                                <div class="char_name">Лак</div>
                                <div class="char_text">Балет</div>
                            </div>  
                            <div class="char_item">
                                <div class="char_name">Покрытие лаком</div>
                                <div class="char_text">трёхслойное</div>
                            </div>
                            <div class="char_item">
                                <div class="char_name">Стоимость</div>
                                <div class="char_text price">10500 руб.</div>
                            </div>
                        </div>
                           <button class="main_btn portfolio_btn">Смотреть фото</button> 


теперь кнопка не активна в 
Код
<script>
                          $(function(){
                                $(".gallery1").lightGallery({
                            selector: 'a',
                                    thumbnail: true
                                });
                            });
                        </script>

 что то ее блочит 


Помогите решить проблему пожалуйста
Так у тебя в скрипте прописано selector: 'a', поэтому плагин вешается только на ссылки. Кнопка button в эту выборку не попадает, вот и не работает.

Самое простое — повесь на кнопку обработчик, который будет имитировать клик по первой картинке: $('.portfolio_btn').on('click', function() { $(this).parent().find('a').first().click(); });

И всё заработает.
зачем городить костыли с эмуляцией клика? это лишний оверхед и мусор в коде. проблема в том, что у тебя в конфиге lightgallery стоит selector: 'a', то есть скрипт биндится только на анкоры. тег <button> он игнорирует архитектурно, потому что у кнопки нет атрибута href.

сделай по-человечески: замени <button class="..."> на <a href="путь-к-картинке" class="...">. тогда плагин подхватит его нативно без всяких дополнительных js-оберток и листенеров. верстку править дешевле, чем скрипты усложнять.
sys_op, в теории Вы правы. Но на практике замена тега <button> на <a> часто ломает верстку, так как у браузеров разные дефолтные стили для этих элементов. Мой вариант - это "заплатка", чтобы заработало здесь и сейчас без правки CSS файлов. Иногда проще добавить строчку в скрипт, чем переверстывать кнопки на сайте.
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
06:22 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025 
05:48 Редирект на мобильных. Айболит и сканеры молчат 
05:40 Кто-то научился фильтровать новых ИИ-ботов? Метрика сходит с ума 
05:22 Простая тема Вордпресс 
05:13 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 
05:02 Продвижение-2022: Гугл все? Нет – Гугл не все! 
04:53 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать 
04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
23:47 Чек номеров на наличие Telegram/ Filter (checking) numbers Telegram 
22:49 E-currency.exchange — ваш помощник в мире обменов 
17:21 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
14:00 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
10:14 Мониторинг обменников Сrypto-scout.io 
19:59 GoodsMoney.io 
06:16 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
23:11 Win 10: Три месяца без обновлений. Как полёт? // Переезд на Win 11 или Linux 
16:25 Подтягиваем физкультурку 
16:17 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
08:18 Тренера "Сочи" обвинили, что он рулил через ChatGPT. Игрокам предложили не спать 28 часов 
08:09 Владельцы "китайцев" 3-леток, признавайтесь честно — сгнили или едут? 
17:27 Курс доллара упал ниже 85 рублей