2011-05-02 102 views
0

我创建了一个按钮,其功能是点击时隐藏自身。但是,这是行不通的。这里是代码:为什么jQuery不能在Chrome浏览器扩展的浏览器操作弹出窗口中工作?

<html> 
<body> 
<button id="b">HIDE</button> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#b").click(function(){ 
$("#b").hide(); 
}); 
}); 
</script> 
</body> 
</head> 

它有什么问题?

+1

[Works for me:JS Fiddle demo](http://jsfiddle.net/davidThomas/89ewe/)。 – 2011-05-02 10:55:44

+0

你得到的错误是什么? – Zirak 2011-05-02 11:04:50

回答

3

should work,但我强烈建议您研究一个有效文档的HTML,即</head>必须出现在<body>之前。

1

除了alex说的话,Chrome可能会阻止您对CDN托管的jQuery的请求。您可以在manifest.json中提供该域的有效权限,或者直接下载jQuery的副本并将其存储在本地。

0

如果您使用SSL为您的网站,那么你应该成为你的JavaScript/JS通过HTTPS文件,否则镶边将阻止它,造成正在使用该脚本不工作您网站的功能。

我注意到,您正在使用http调用从谷歌CDN的jQuery。可能是它导致了这个问题。

相关问题