CODEWITHSUNDEEP
javascripthtml
user5759287
user5759287

Reputation: 11

Code is running with console tool in browser but not from itself?

I got this code for my js file: 

var flkty = new Flickity( '.main-gallery', {
  cellAlign: 'left',
  contain: true,
  wrapAround: true,
  prevNextButtons: false,
  autoPlay: 5000
});

I saved it and when my site is loading it's correctly showing up in the head tag. However nothing happens. When I open the console of the browser developer tool and paste the code there, then it's working correctly. What can cause this and how can I fix this?

Upvotes: 1

Views: 158

Answers (1)

kartikmaji
kartikmaji

Reputation: 966

That's because this is never called. Put this in window.onload(which will execute this function when page loads)

window.onload = function() {
  var flkty = new Flickity( '.main-gallery', {
    cellAlign: 'left',
    contain: true,
    wrapAround: true,
    prevNextButtons: false,
    autoPlay: 5000
  });
};

Or if you are using jquery. This will also work.

$(document).ready(function() {
  var flkty = new Flickity( '.main-gallery', {
    cellAlign: 'left',
    contain: true,
    wrapAround: true,
    prevNextButtons: false,
    autoPlay: 5000
  });
});

Upvotes: 4

Related Questions