首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google.Load ['table']在Chrome content-script中不执行任何操作

Google.Load ['table']在Chrome content-script中不执行任何操作
EN

Stack Overflow用户
提问于 2013-09-04 00:50:25
回答 1查看 101关注 0票数 0

我正在创建一个Chrome Extension,它使用content-script在页面加载完成后将Google Visualisation Table插入到页面中。然而,问题是表格永远不会显示-它也不在html中,从下面的图像中可以看出。

Manifest.json

代码语言:javascript
运行
复制
{
    "manifest_version": 2,

    "name": "blah",
    "version": "1.0",
    "permissions": [
        "tabs", "http://*/*"
    ],

    "web_accessible_resources": [
        "jquery-1.10.2.min.js",
        "jquery-1.10.2.min.map"
    ],

    "content_scripts": [
    {
      "matches": ["http://*.ebay.co.uk/*"],
      "js": ["jquery-1.10.2.min.js", "jsapi.js", "myScript.js"],
      "run_at": "document_end"
    }]
}

MyScript.js

代码语言:javascript
运行
复制
$('#cbrt').after('<div id=\'google_table_div\'></div>');

google.load('visualization', '1', { packages:['table'], callback : function() { drawTable(); } });

function drawTable() 
{
    alert('draw');
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Name');
    data.addColumn('number', 'Salary');
    data.addColumn('boolean', 'Full Time Employee');
    data.addRows([
        ['Mike',  {v: 10000, f: '$10,000'}, true],
        ['Jim',   {v:8000,   f: '$8,000'},  false],
        ['Alice', {v: 12500, f: '$12,500'}, true],
        ['Bob',   {v: 7000,  f: '$7,000'},  true]
    ]);

    var table = new google.visualization.Table(document.getElementById('google_table_div'));
    table.draw(data, {showRowNumber: true}); 
}

回调中的alert从未发生过。下面是末尾的HTML:

EN

回答 1

Stack Overflow用户

发布于 2013-09-04 05:04:06

你也需要加载'table‘包。如下所示:

代码语言:javascript
运行
复制
packages:['corechart', 'table']
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18597533

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档