JQuery在Chrome擴展中

所以...我試圖做一個擴展，你只需點擊按鈕，彈出Bing，（因爲Google不會讓你嵌入他們的網站），你有一個快速的瀏覽器。但問題是，一旦你去了一個網站，它很小。所以我想，沒問題，我只會使用一點點jquery魔法。但是，jQuery不會工作。我測試了它作爲一個網頁，它工作得很好，但不是作爲一個擴展。那麼這是什麼一回事？我認爲它可能是與manifest.json的JQuery在Chrome擴展中

HTML：

<!DOCTYPE html> 
<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
    <script src="popup.js"></script> 
    <link href="stylesheet.css" type="text/css" rel="stylesheet"> 
</head> 
<body> 
    <iframe id="iframe" width:"500px" height="500px" src="http://m.bing.com/"></iframe> 
    <div class="zoom" id="bigger" >+</div> 
    <div class="zoom" id="smaller">-</div> 
</body> 
</html>

JQuery的：

(function(){ 
    ('#bigger').click(function(){ 
     $('iframe').css({ 
      "width": "+=50px", 
      "height": "+=50px" 
     }); 
    }); 
});

的manifest.json

{ 
    "manifest_version": 2, 

    "name": "Test App", 
    "description": "Should open up Bing.", 
    "version": "1.0", 

    "permissions": [ 
    "http://m.bing.com/" 
    ], 
    "browser_action": { 
    "default_icon": "tri-16.png", 
    "default_popup": "window.html" 
    } 
}

我剛拿到這款在一起，所以，無視可怕的造型，我會讓它看起來很酷。

來源

2013-11-22 user3023289