1

ここにhtmlページがあります：

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

これが background.js です。

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

Alert1 は機能しますが、alert2 は再生されません。jQueryを削除すると機能します。ヘッダーと本文の両方で background.js ファイルを試しました。私は何を間違っていますか？

ありがとう。

4

2 に答える 2

1

http://code.jquery.com/jquery-1.9.0.min.jsjquery.jsからダウンロードして、拡張ディレクトリにインラインで配置し、ここに示すようにインラインで参照します。

根本的な原因

ファイルへの外部参照は、Chrome 拡張機能ではサポートされていません。

作業バージョン

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

編集 1

作業バージョン

マニフェスト.json

Jquery とコードの両方を に登録しました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

以前のコード

alert("Alert1!");
var test = jQuery.trim(" Words and / { objects & things");
alert("Alert2!" + test);
于 2013-01-21T11:56:46.600 に答える
1

次のマニフェストとコードを使用して、トリミングされた値を警告できます。

マニフェスト

{
  "name": "Tester",
  "version": "0.1",
  "manifest_version": 2,
  "background":{
    "page":"background.html",
    "persistent": false
  }
}

background.html

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

background.js

var test = jQuery.trim(" Words and / { objects & things");
alert(test);
于 2013-01-21T13:37:42.980 に答える