Topic: mdb lightbox not working
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"); });
`
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!!!
Почему не работает 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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
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 ???