Problem z dynamicznym lightboxem

Witam serdecznie,
Mam project z wykorzystaniem Bootstrap 4 i http://sachinchoolur.github.io/lightGallery/demos/dynamic.html.

Mam taki kod:

    $('.showPrv').on('click', function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                },
                url: '{{ route('dropzone.showDropZoneGallery') }}?id={{ $fileId }}',
                dataType: 'text',
                type: 'get',
                cache: false,
                data: $(this).serialize(),
                success: function (data, textStatus, jQxhr) {
                    $(this).lightGallery({
                        dynamic: true,
                        dynamicEl: [data],
                        thumbnail:true,
                        animateThumb: true,
                        download: true,
                        counter: true,
                        enableDrag: true,
                        enableSwipe: true
                    });
                    console.log(data);
                },
                error: function (jqXhr, textStatus, errorThrown) {
                    alert('Nastąpił problem z JSON. Proszę o kontakt z administratorem serwisu.');
                }
            });
        })

Konsola zwraca:

[{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","subHtml":"txt1"},{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","subHtml":"txt2"}]

Niestety zdjęcia w "powiększeniu" nie są widoczne :( Mam:

<img class="lg-object lg-image" src="undefined">

Kiedy skopiuje bezpośrednio kod:

                dynamicEl: [{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","subHtml":"txt1"},{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","subHtml":"txt2"}],

To działa poprawnie

W jaki sposób mogę to naprawić?

Bardzo proszę o pomoc :)

Spróbuj console.log(typeof data);. Jeśli wypisze string to mamy winnego.

Edit: to na pewno będzie string, masz zły dataType.

                dataType: 'text',

tsz napisał(a):

Spróbuj console.log(typeof data);. Jeśli wypisze string to mamy winnego.

zgadłeś :) string