活动标签的问题，我试图隔离

Question

我的工作与添加谷歌图表到一个无代码的网站，和代码的IM工作是在一个函数内，当页面加载调用。问题是，如果我打开了窗口，这段代码就无法工作，但如果我在另一个标签页中，而页面正在加载，它就会工作。我想知道当页面不是活动标签时，页面的加载方式是否不同（至少在chrome上）？并不是真的在寻找一个解决方案，所以作为高层次的洞察力，可能会发生什么。

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
</script>

//This function is called when the element becomes visible on the page
function(instance, context) {
    var divPie = $('<div id="curve_chart"></div>');
    instance.canvas.append(divPie);

    drawPie();

    function drawPie() {

      var data = google.visualization.arrayToDataTable([
        ['Year', 'Sales', 'Expenses'],
        ['2007',  1030,      540]
      ]);

      var options = {
        title: 'Company Performance'
      };

      var chart = new 
      google.visualization.LineChart(document.getElementById('curve_chart'));

      chart.draw(data, options);
    }
}

Answer 1

看控制台帮我解决了这个问题，我会开始多用这个。只是在显示元素之前确保库被加载。切换标签只是模仿那个等待库被加载的行为。