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

时间:2019-09-12 14:05:08

标签: javascript jquery

你好,在那里

页面加载时,我们具有javascript函数,然后“打开”某些内容。它是由.on('load',function()。

制成的。

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

谢谢!

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

1 个答案:

答案 0 :(得分:0)

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

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

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