It’s happening maybe because you are using now ‘owlCarousel’ and it’s incompatible with other themes/plugin which are using the same plugin? Is there a way to isolate it so it doesn’t interfere with other plugins/theme using it?
Thank you
]]>Not my website and I get a job to tweak some layout. I haven’t noticed earlier if the slider working or not because of tweaking (just move one section to the bottom).
Slider appear in wordpress customizer but not in actual page.
I have try change all css id, clear cache, deactivate and delete and reinstall. The problem still the same. Can you help?
on firefox console:
Uncaught ReferenceError: jQuery is not defined
<anonymous> https://blog.e2language.com/:175
blog.e2language.com:175:1
Uncaught TypeError: a is undefined
<anonymous> https://blog.e2language.com/wp-content/plugins/slide-anything/owl-carousel/owl.carousel.min.js:6
on chrome console:
(index):175 Uncaught ReferenceError: jQuery is not defined
at (index):175
(anonymous) @ (index):175
owl.carousel.min.js:6 Uncaught TypeError: Cannot read property ‘fn’ of undefined
at owl.carousel.min.js:6
at owl.carousel.min.js:6
What happened is when I created my homepage (in HTML), I used Owl Carousel (https://owlcarousel2.github.io/OwlCarousel2/) as my slider which is I believe what SA Slider is based on. Everything is fine on the static version. However, now I’d like to make the background image, title, and subtitle to be dynamic.
I’m not sure how to go about that?
]]>Insert owlCarousel
$(document).ready(function() {
var owl = $('.blog__hero-carousel').owlCarousel({
autoplay: true,
autoplayTimeout: 4000,
items: 1,
nav: false,
dots: true,
loop: true,
mouseDrag: false,
margin: 30
});
});
]]>When i click on optimize javascript all slider of my theme running with owlcarousel ( woocommerce product image zoom, variation images / blog post slider and so on ) are broken
for example
Uncaught TypeError: jQuery(…).owlCarousel is not a function
at (index):293
I use the xstore theme
Do u have any idea to fix that problem…i searched on google a lot of time without any solution for me
Thank u very much
Works fine if I switch themes to TwentySeventeen.
Does not work if I use my child theme or the default Customizable theme.
I find the problem seems to be in wp-content/themes/customizable/js/default.js
When I delete the following code from default.js the lightbox effect works. With the code lines in place, no lightbox, just the image file displayed directly.
Example is here: https://speterson.me/wp/small-works-i-test/
var owl = jQuery("#owl-demo");
owl.owlCarousel({
itemsCustom : [
[0, 1],
[450, 2],
[600, 2],
[700, 2],
[1000, 4],
[1200, 4],
[1400, 4],
[1600, 4]
],
itemsMobile : true,
navigation : false,
autoHeight : false,
});
Also, I can not copy default.js to my child theme and do the edit, does not work. I found that it has to be done in the original theme directory, not my child theme.
SO, two questions I guess:
Will deleting these lines cause me to have other problems?
Can anyone tell me why I can not copy default.js to my child theme folder?
THANK YOU!
]]>TypeError: s[i[(i.length - 1)]] is undefined
This is with version 2.0.0 which is in 1.9.31 of NextCellent. In version 2.1.6 this error is fixed as I can see. Could you please look into this? Thank you.
https://www.ads-software.com/plugins/nextcellent-gallery-nextgen-legacy/
]]>I’ve installed this plugin onto a local dev site, and I also have Owl Carousel set up. When this plugin is active, it causes OwlCarousel to break, and as soon as I deactivate it, OwlCarousel works again.
For some reason, when the plugin is active, the console says that .owlCarousel is not a function, however it is because OwlCarousel works when this plugin is deactivated.
Is this a known issue? I did attempt to troubleshoot it, but I’m not going through 41 individual JS files!
Cheers,
Ash
https://www.ads-software.com/plugins/wysija-newsletters/
]]>