Topic: mdb lightbox not working

dowebs pro asked 2 years ago


I download the MDB-Pro_4.19.1.zip form the my account "order section", after un-zip it, in the templates folder there is a about-us.html page, in that page, there is a lightbox gallery area, but when I click on the image, the error shows:

mdb.min.js:1 Uncaught TypeError: Cannot read property 'firstChild' of undefined at Object.getChildByClass (mdb.min.js:1) at Object.init (mdb.min.js:1) at i (mdb.min.js:1) at HTMLDivElement.e (mdb.min.js:1)

I also record a video here: http://2020.dowebs.co/video.mp4

Thanks

`

                    <div id="mdb-lightbox-ui"></div>

                    <div class="mdb-lightbox">

                        <figure class="col-md-4">
                            <a href="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(43).jpg" data-size="1600x1067">
                                <img src="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(43).jpg" class="img-fluid z-depth-1" />
                            </a>
                        </figure>

                        <figure class="col-md-4">
                            <a href="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(41).jpg" data-size="1600x1067">
                                <img src="https://mdbootstrap.com/img/Photos/Horizontal/Work/6-col/img%20(41).jpg" class="img-fluid z-depth-1" />
                            </a>
                        </figure>


                    </div>

                </div>

$(function () { $("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html"); });

`


Tomek Makowski staff commented 2 years ago

Hi

Here you have a solution, https://mdbootstrap.com/snippets/jquery/tomekmakowski/2473521#html-tab-view

You have a mistake in your HTML

Regards


anikstudio pro commented 2 years ago

Почему не работает mdb-lightbox-ui ???


anikstudio pro answered 2 years ago


Почему не работает mdb-lightbox-ui ???


Tomek Makowski staff commented 2 years ago

Please write English and what is the problem?


anikstudio pro commented 2 years ago

Why doesn't mdb-lightbox-ui work ???


Krzysztof Wilk staff commented 2 years ago

Hi!

What exactly doesn't work in your project? Could you share with me your code (using our online editor here https://mdbootstrap.com/snippets/) and show your console with errors? It'll be very helpful :)

Best regards


anikstudio pro answered 2 years ago


не работает mdb-lightbox-ui


dowebs pro answered 2 years ago


ok, thanks it is working now... thanks


Tomasz Makowski free commented 2 years ago

You are welcome


anikstudio pro commented 2 years ago

До сих пор не работает mdb-lightbox-ui


anikstudio pro commented 2 years ago

Tomasz Makowski mdb-lightbox-ui doesn't work!!!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: desktop comaputer
  • Browser: chrome and firefox
  • OS: win 10
  • Provided sample code: No
  • Provided link: Yes