Home/ Questions/Q 9156557
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T12:48:10+00:00

Here is a html page: <html> <head> <script src=http://code.jquery.com/jquery-1.9.0.min.js type=text/javascript></script> </head> <body> <script src=background.js

  • 0

Here is a html page:

    <html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.0.min.js" type="text/javascript"></script>
</head>
<body>
    <script src="background.js" type="text/javascript"></script>
</body>
</html>

Here is background.js:

alert("Alert1!");
var test = jQuery.trim(" Words and / { objects & things");
alert("Alert2!");

Alert1 works, but alert2 never plays. If i remove the jQuery then it works. I’ve tried the background.js file in both the header and body. What am I doing wrong?

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Download jquery.js from http://code.jquery.com/jquery-1.9.0.min.js and put it inline to your extension directory and refer it inline as shown here.

    Root Cause

    External reference to files is not supported in Chrome Extensions.

    Working Version

    <html>
<head>
    <script src="jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="background.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>

    Edit 1

    Working Version

    manifest.json

    Registered both Jquery and Your code to manifest file.

    {
    "name": "Jquery In Background",
    "description": "http://stackoverflow.com/questions/14438044/jquery-cant-be-accessed-by-other-js-file",
    "background": {
        "scripts": [
            "jquery.js",
            "background.js"
        ]
    },
    "version": "1",
    "manifest_version": 2
}

    background.js

    Your code as before

    alert("Alert1!");
var test = jQuery.trim(" Words and / { objects & things");
alert("Alert2!" + test);
    • 0