功能 on('load' ... ) 在页面刷新后不起作用答案

【问题标题】：function on('load' ... ) not working after page refresh功能 on('load' ... ) 在页面刷新后不起作用
【发布时间】：2019-09-12 14:05:08
【问题描述】：

Helo 那里。

页面加载时我们有一个javascript函数，然后“打开”一些东西。它是用 .on('load', function() 制作的。

对于第一次网页浏览非常有效。但是当您刷新页面时，该功能不再起作用/不触发。当您使用 shift+refresh 重新加载页面时，它会再次起作用。有解决方法或其他解决方案吗？

谢谢！

<script>
$('#zoomBtn img').on('load', function() {
    $('.zoom').find('#musicinfo').toggleClass('showList');
});
</script>

【问题讨论】：

如果我错了，请纠正我，但您使用的是额外的东西 - 是 jQuery 吗？
如果图像是从缓存中加载的，load 事件将不会触发。 stackoverflow.com/questions/3877027/…

标签： javascript jquery

【解决方案1】：

可能在您绑定事件之前已加载图像。这样的事情应该会有所帮助。

function showList () {
  $('.zoom')
    .find('#musicinfo')
      .toggleClass('showList');
}

$('#zoomBtn img')
  .on('load', showList)
  .each( function () {
    if (this.complete) {
      showList()
    }
  })

【讨论】：