chrome 扩展 popup.js 不起作用答案

【问题标题】：chrome extension popup.js is not workingchrome 扩展 popup.js 不起作用
【发布时间】：2013-02-09 04:52:15
【问题描述】：

我有一个像这样的 popup.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link type="text/css" rel="stylesheet" href="css/fbh-ui.css" />
    <script type="text/javascript" src="js/jq.js"></script>
    <script type="text/javascript" src="js/fbh-popup.js"></script>
</head>

<body style="width: 200px">
    <div id="fbh-main">
        <div id="fbh-popup-enabled"></div>
    </div>
</body>

而 fbh-popup.js 看起来像这样

$('#fbh-popup-enabled').html('test');

JS 应该改变 div 的内容，但不会。我什至在 JS 文件中尝试了一个简单的 console.log('test') 并没有触发。我很茫然。

【问题讨论】：

我认为您的脚本应该添加为内容脚本。见developer.chrome.com/extensions/content_scripts.html
Google 的一个示例显示 popup.html 在 head 标记中调用 popup.js。
只是问...您的$('#fbh-popup-enabled').html('test'); 在$(document).ready(function() { ... }) 内？
成功了。谢谢，鲁本斯！

标签： jquery google-chrome google-chrome-extension

【解决方案1】：

你必须在ready event callback中编写你的代码

$(document).ready(function() {
  $('#fbh-popup-enabled').html('test');
});

【讨论】：