mdb lightbox not working


Topic: mdb lightbox not working

dowebs pro asked 4 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 4 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


9173513177 pro commented 4 years ago

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


dowebs pro answered 4 years ago

ok, thanks it is working now... thanks


Tomasz Makowski commented 4 years ago

You are welcome


9173513177 pro commented 4 years ago

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


9173513177 pro commented 4 years ago

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


9173513177 pro answered 4 years ago

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


9173513177 pro answered 4 years ago

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


Tomek Makowski staff commented 4 years ago

Please write English and what is the problem?


9173513177 pro commented 4 years ago

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


Krzysztof Wilk staff commented 4 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


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