主页 / 问题 / 656108
Accepted
humster_spb
Asked:2020-04-20 18:42:59 +0000 UTC2020-04-20 18:42:59 +0000 UTC

Javascript：如何在下次调用时删除函数的结果

  • 772

我搞砸了网站上的 VK“社区”小部件。任务是让它自适应，而宽度不仅要在页面重新加载时适应父块，还要在屏幕尺寸变化时拉伸。

决定使用 window.onresize：

<script src="https://vk.com/js/api/openapi.js?143" type="text/javascript"></script>

<div id="vk">
  <div id="vk_groups"></div>
  <script type="text/javascript">
    window.onresize = function() {
      var vk = document.getElementById('vk');
      var wid = vk.offsetWidth;
      VK.Widgets.Group("vk_groups", {
        width: wid,
        height: "300"
      }, 1);
    };
    window.onresize();
  </script>
</div>

适应性的问题已经解决，但是出现了一个问题：每次屏幕尺寸改变时，都会以新的宽度调用 VK.Widgets.Group 函数，而之前带有 widget 的块（具有旧尺寸）仍然存在在页面上。所以这个数字增长...

如何在调整屏幕大小时删除之前调用 VK.Widgets.Group 的结果？

javascript

1 个回答

  1. Best Answer

    它似乎工作。尝试这个。

    <!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>

<body>
  <script src="https://vk.com/js/api/openapi.js?143" type="text/javascript"></script>

  <div id="vk"></div>
  <script type="text/javascript">
    var vk = document.getElementById('vk');
    window.onresize = function() {
      vk.innerHTML = '<div id="vk_groups"></div>';
      VK.Widgets.Group("vk_groups", {
        width: vk.offsetWidth,
        height: "300"
      }, 1);
    };
    window.onresize();
  </script>
</body>

</html>

    • 5

相关问题