Обработка скрипта "кнопка" открытие ссылки
Страницы: 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:06 Телега на ручнике: РКН включил замедление и логи админок покраснели 
03:35 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту 
15:39 Кнопки "скрыть" и "пожаловаться" в рекламе яндекса 
15:23 Яндекс туда же: "Нейро" отжал 50% первого экрана. Органический трафик падает 
18:27 Карпати реально заставил GPT, Кло, Gemini и Grok спорить между собой перед ответом 
15:30 Indus AI: индийский "грааль" или мусор для дорвеев? 
12:55 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
18:09 ✅ PriceGid.com - услуги парсинга сайтов, наполнение интернет-магазинов, обновление цен, мониторинг конкурентов ⚡️ Оплата после выполнения 
16:47 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
12:33 E-currency.exchange — ваш помощник в мире обменов 
06:22 [Comcash.io] Анонимный обмен и чистка крипты без AML/KYC 
01:01 Portfel.cc - современный помощник в Ваших финансовых операциях. 
21:53 TETChange-Обменник криптовалют 
19:00 Volna.money 
18:16 Точные прогнозы на футбол 
15:07 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
22:28 Добро пожаловать в цифровой мир... 
13:09 Смотри, птичка! Трамп вскрывает папки про НЛО 
04:49 Ставки на супер тренды в спорте 
20:25 Вместо золота - RTX 5090: почему кремний стал валютой на свадьбах 
18:50 Тройной агент Паша Дуров