<script>
var $fz = jQuery.noConflict();
$fz(document).ready(function() {
var owl = $fz('.owl-carousel');
owl.owlCarousel({
loop: true,
nav: true,
margin: 10,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
960: {
items: 5
},
1200: {
items: 6
}
}
});
owl.on('mousewheel', '.owl-stage', function(e) {
if (e.deltaY > 0) {
owl.trigger('next.owl');
} else {
owl.trigger('prev.owl');
}
e.preventDefault();
});
})
</script>
the error shown when running
(index):632 Uncaught TypeError: jQuery(...).owlCarousel is not a function at HTMLDocument. ((index):632) at n (jquery.min.js:2) at Object.fireWith (jquery.min.js:2) at Function.ready (jquery.min.js:2) at HTMLDocument.B (jquery.min.js:2) (anonymous) @ (index):632 n @ jquery.min.js:2 fireWith @ jquery.min.js:2 ready @ jquery.min.js:2 B @ jquery.min.js:2