google.setOnLoadCallback not able to get the docum

2019-01-29 01:18发布

站内问答 / jQuery
1474 1 4

I am trying to get some graph functionalities with corechart using JQuery but I am not able to get any document elements once the visualization APIs are loaded. Below is my sample example:

$(document).ready(function() {
  if ($("#myId").length > 0) { 
    google.load("visualization", "1.1", {
      packages: ["corechart"]
    });
    google.setOnLoadCallback(function() {
      if ($("#myId").length > 0) {
        alert("Found a match!!");
      }else{
        alert("Not found!!");
      }
    });
  }
});
<html>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <div id="myId">Hello from Div!!</div>
  </body>

</html>

I want the alert in my if block to be executed. I am loading the visualization packages only after the check for #myId but its lost(rather all the html elements) in the call back. Please advice

1条回答
趁早两清
2楼-- · 2019-01-29 02:14

I think it may have something to do with setOnLoadCallback.
However, you can add a reference to the callback in the load statement. 

$(document).ready(function(){
  if ($("#myId").length > 0) {
    google.load('visualization', '1', {
      'packages': ['corechart'],
      'callback': function(){
        if ($("#myId").length > 0) {
          alert("Found a match!!");
        }else{
          alert("Not found!!");
        }
      }
    });    
  }
});
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <div id="myId">Hello from Div!!</div>
  </body>

</html>

I think setOnLoadCallback pulls double duty and not only waits for google.load...
but also the document
since document has already been loaded, maybe something gets fouled up...

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)