Обработка скрипта "кнопка" открытие ссылки
Страницы: 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)
Новые темыОбъявленияСвободное общение
03:05 как оплатить claude и gpt-5 из рф в 2026 чтобы не забанили через три дня 
00:47 Маркетплейсы "сливают" селлеров? Или просто сделали их расходником 
22:15 Паспорт для комментариев. Анонимность в соцсетях снова хотят отправить на пенсию 
22:00 Google прямо сказал "генерик больше не нужен" + в комментах уже разнос: у кого реально упал трафик 
20:25 Заработок на загрузочном сайте в 2026? 
20:18 Adsense личный опыт 
18:04 Claude Design - ИИ, который сам делает дизайн (прототипы, лендинги, слайды). Кто-нибудь уже смотрел? 
22:41 TETChange-Обменник криптовалют 
21:43 Volna.money 
21:42 GoodsMoney.io 
19:48 Куплю отзывы на kwork 
18:48 buyingproxy.com | $0.95/GB Residential Proxies - 80M+ IPs | No Bandwidth Expiry 
16:14 Продам SEO домен fishponds.ru 
16:05 Продажа аккаунтов HH.RU вериф 
01:04 Точные прогнозы на футбол 
22:28 «Жилетка для подчиненных» — прямая дорога в выгорание. Что говорит об этом Нейроменеджмент? 
21:59 Подтягиваем физкультурку 
21:42 Шашлыки в 2012-2022 году 
21:31 ИИ-мусор уже дошёл до судов. Но крайним пока делают не нейросеть 
21:21 Хочешь чат в PlayStation? Покажи лицо. Как нас постепенно привязывают к личности 
00:54 Ставки на супер тренды в спорте