Обработка скрипта "кнопка" открытие ссылки
Страницы: 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)
Новые темыОбъявленияСвободное общение
21:25 Telegram работает, но уже пошли реальные кейсы. История с Лоскутовой это подтверждает 
20:47 Есть ли альтернатива Адсенсу и РСЯ? 
20:39 TikTok "увеличил длину видео"… но это произошло давно. Что тогда реально поменялось 
20:36 YouTube ничего не менял… но почему тогда старые каналы перестали заходить 
20:23 Что такое Яндекс Икс / Как накрутить Яндекс ИКС 
19:37 Instagram* ничего не убирал, но лайки перестали что-то решать 
19:28 стратегии свежести контента в 2026 что реально работает?? 
21:53 Myxa.cc - Обмен электронных валют 
20:53 Mixmasters - Exchange without AML and KYC 
18:25 buyingproxy.com | $0.95/GB Residential Proxies - 80M+ IPs | No Bandwidth Expiry 
17:37 Мониторинг обменников Сrypto-scout.io 
17:36 Куплю отзывы на kwork 
14:14 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
12:34 SEYARE.ORG - Хватит арендовать IP | Управляй сетью | Безлимит / Трафик 
21:25 Клещи 
17:35 «Жилетка для подчиненных» — прямая дорога в выгорание. Что говорит об этом Нейроменеджмент? 
12:44 С юмором по жизни! 
09:22 Осторожно! Криптовалюта 
03:42 Точные прогнозы на футбол 
14:00 Заработок на загрузочном сайте в 2026? 
17:33 Какой фильм посмотреть сегодня вечером?