代码在浏览器中使用控制台工具运行但不是自己运行？

Question

我为我的js文件获取了这段代码：

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

我保存了它，当我的网站加载时，它正确地显示在head标签中。但没有任何反应。当我打开浏览器开发人员工具的控制台并将代码粘贴到那里时，它正常工作。是什么导致这种情况以及如何解决这个问题？

Answer 1

那是因为从未调用过。把它放在window.onload中（在页面加载时将执行此函数）

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

或者如果您使用的是jquery。这也可以。

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