使用jQuery的Chrome扩展程序

我下载了http://code.google.com/chrome/extensions/samples.html#ea2894c41cb8e80a4433a3e6c5772dadce9be90d 。 我想把它变成jQuery，但如果我这样做：

  $("div").css('background-color', 'black'); $('.click').click(function(){ chrome.tabs.executeScript(null, {code:"document.body.style.backgroundColor='" + $(this).attr('id') + "'"}); window.close(); })  
red
 
blue
 
green
 
yellow 

这不起作用。 什么都没发生。 为什么？

Answer 1

您没有包含文档就绪处理程序，请尝试以下操作：

  
red
 
blue
 
green
 
yellow 

或者，您可以将标记移动到标记之前，以便在javascript之前加载所有HTML。

Answer 2

你需要首先包含jQuery，比如

您应该检查弹出页面控制台是否有错误。

Answer 3

用你的jQuery包装：

所以，你的jQuery应该是这样的：