Обработка скрипта "кнопка" открытие ссылки
Страницы: 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-оберток и листенеров. верстку править дешевле, чем скрипты усложнять.
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
22:24 Ютуб выкашивает каналы за "Серийный контент". Как не отлететь? // Советы по выживанию 
22:10 Как перезаписать значений в базе данных 
21:27 Кто-то научился фильтровать новых ИИ-ботов? Метрика сходит с ума 
21:17 Как такое возможно 
17:42 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
16:55 Началось? На Reddit паника: Google массово рассылает варнинги за AI-контент 
16:11 Минус 30% дохода? Chrome теперь скрывает футерные баннеры (Sticky Ads) 
18:42 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
17:40 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 
16:10 SwapPix.io - быстрый и безопасный обменник криптовалют. 
13:23 Баллы сервисов накрутки соц.сетей Likest.ru Vto.pe Bosslike.ru Магазин https://minishop.rents.ac/ 
12:07 EM24.biz - обмен валют 
11:33 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
08:41 Мониторинг обменников Сrypto-scout.io 
19:29 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
10:45 Подтягиваем физкультурку 
08:58 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
08:09 Владельцы "китайцев" 3-леток, признавайтесь честно — сгнили или едут? 
17:27 Курс доллара упал ниже 85 рублей 
11:00 Наши машинки 
07:38 Партнерская программа ООО МКК Тачфинанс.