Hi! First i wanna say i am newbee and self tought so dont be to harsh on me.
I am developing some website and I am trying to implement your lightbox gallery
I am not sure if this is place for questions like this and if i am mistaken so sorry.
When i click on the photo i get error in title.
:
Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
at bootstrap.js:1414
at bootstrap.js:1823
at bootstrap.js:3831
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=apiboot2&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=main.11 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=apiboot2&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=firstmap.91 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=true&hdpi=false&mob=false&staticmap=true&size=300x250&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=visreq.238 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=false&hdpi=false&mob=false&staticmap=true&size=38x38&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=visreq.199 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=true&hdpi=false&mob=false&staticmap=true&size=300x250&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=staticmap.246,firstpixel.246,allpixels.246 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=false&hdpi=false&mob=false&staticmap=true&size=38x38&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=firsttile.311,firstpixel.311 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=false&hdpi=false&mob=false&staticmap=true&size=38x38&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=tilesloaded.311,allpixels.311 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=false&hdpi=false&mob=false&staticmap=true&size=38x38&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=visres.350 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=true&hdpi=false&mob=false&staticmap=true&size=300x250&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=visres.479 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
ekko-Lightbox.js:63 Uncaught TypeError: this.modal.on(...).on(...).on(...).on(...).modal is not a function
at new EkkoLightbox (ekko-Lightbox.js:63)
at HTMLAnchorElement.<anonymous> (ekko-Lightbox.js:417)
at Function.each (jquery.min.js:2)
at r.fn.init.each (jquery.min.js:2)
at r.fn.init.$.fn.ekkoLightbox (ekko-Lightbox.js:409)
at HTMLAnchorElement.<anonymous> (galerija.html:134)
at HTMLDocument.dispatch (jquery.min.js:3)
at HTMLDocument.q.handle (jquery.min.js:3)
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=true&hdpi=false&mob=false&staticmap=true&size=300x250&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=firsttile.648 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=30.9&action=map2&firstmap=true&hdpi=false&mob=false&staticmap=true&size=300x250&hadviewport=true&libraries=geometry%2Csearch&e=google-maps-embed,10_1_0,10_2_0&rt=tilesloaded.703 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
ekko-Lightbox.js:63 Uncaught TypeError: this.modal.on(...).on(...).on(...).on(...).modal is not a function
at new EkkoLightbox (ekko-Lightbox.js:63)
at HTMLAnchorElement.<anonymous> (ekko-Lightbox.js:417)
at Function.each (jquery.min.js:2)
at r.fn.init.each (jquery.min.js:2)
at r.fn.init.$.fn.ekkoLightbox (ekko-Lightbox.js:409)
at HTMLAnchorElement.<anonymous> (galerija.html:134)
at HTMLDocument.dispatch (jquery.min.js:3)
at HTMLDocument.q.handle (jquery.min.js:3)
ekko-Lightbox.js:63 Uncaught TypeError: this.modal.on(...).on(...).on(...).on(...).modal is not a function
at new EkkoLightbox (ekko-Lightbox.js:63)
at HTMLAnchorElement.<anonymous> (ekko-Lightbox.js:417)
at Function.each (jquery.min.js:2)
at r.fn.init.each (jquery.min.js:2)
at r.fn.init.$.fn.ekkoLightbox (ekko-Lightbox.js:409)
at HTMLAnchorElement.<anonymous> (galerija.html:134)
at HTMLDocument.dispatch (jquery.min.js:3)
at HTMLDocument.q.handle (jquery.min.js:3)
This is my first time that i am posting something here.
I can reproduce that error message when commenting out line 97 in ekko-lightbox.js (the bootstrap version 3 check). I am using bootstrap v4 and symfony's webpack-encore to build my asset javascript files.
The problem was how I included jQuery via webpack-encore. Each javascript file got a separate instance of jQuery, and that interfered with bootstrap's module registration to $.fn.
The solution is to create a shared jQuery entry via webpack-encore's createSharedEntry() function.
Hi! First i wanna say i am newbee and self tought so dont be to harsh on me.
I am developing some website and I am trying to implement your lightbox gallery I am not sure if this is place for questions like this and if i am mistaken so sorry.
When i click on the photo i get error in title. :
This is my first time that i am posting something here.
Here is html: