Question

我有一个看起来像这样的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'）并且没有触发。我很茫然。

Answer 1

您必须在ready event callback

中编写代码

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

chrome扩展popup.js无效

1 个答案: