Показать сообщение отдельно
  #5 (permalink)  
Старый 15.12.2022, 22:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

ufaclub,
примерно так ... детали уточните по месту.
<a class="btn-modal-catalog-item"  data-catalog-item-id="26">

тут содержание блока

</a>
 <script>
        $(window).on('load', function() {
            $('[data-catalog-item-id]').on('click', function(event) {
                event.preventDefault();
                var $modal = $('.modal-catalog-item'),
                    $btn = $(this);
                var id = $btn.data('catalog-item-id');
                $.ajax({
                    url: '/inc/catalog/item.php',
                    method: 'GET',
                    data: {
                        'id': id
                    },
                    success: function(response) {
                        $modal.find('.modal-body').html(response);
                        $modal.find('.modal-title').html($(".origtitle").html());
                        $modal.find('.carousel').each(function() {
                            new bootstrap.Carousel(this);
                        });
                        $('.modal-catalog-item').on('shown.bs.modal', function(e) {
                            var $modal = $(this);
                            $modal.find('.modal-catalog-item-slider-main').slick({
                                slidesToShow: 1,
                                slidesToScroll: 1,
                                arrows: false,
                                asNavFor: '.modal-catalog-item-slider-nav',
                                lazyLoad: 'ondemand',
                                infinite: false,
                                swipe: false
                            });
                        });
                       $modal.modal("show");
                    }
                });
            });
        });
    </script>
Ответить с цитированием