chrome extension popup.js is not working

Question

I have a popup.html that looks like this

<!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>

And fbh-popup.js looks like this

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

The JS should alter the content of the div but does not. I even tried a simple console.log('test') in the JS file and that didn't fire. I am at a loss.

I think your scripts should be added as content scripts. See http://developer.chrome.com/extensions/content_scripts.html — Rubens Mariuzzo, Feb 09 '13 at 05:00
One of the samples at Google showed popup.html calling popup.js in the head tag. — gdanko, Feb 09 '13 at 15:12
Just asking... your `$('#fbh-popup-enabled').html('test');` is inside a `$(document).ready(function() { ... })`? — Rubens Mariuzzo, Feb 09 '13 at 15:44

score 0 · Answer 1 · answered Feb 10 '13 at 20:48

0

you have to write your code inside ready event callback

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

answered Feb 10 '13 at 20:48

Raghvendra Parashar

3,883
1
23
36

chrome extension popup.js is not working

1 Answers1

Linked