Question

我创建了一个按钮，其功能是在单击时隐藏自身。但是，它不起作用。这是代码：

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

它出了什么问题？

Answer 1

should work，但我强烈建议您研究HTML以获取有效文档，即</head>必须出现在<body>之前。

Answer 2

除了亚历克斯所说的，Chrome可能会阻止您对CDN托管的jQuery的请求。您可以在manifest.json中为该域授予有效权限，也可以只下载jQuery副本并将其存储在本地。

Answer 3

如果您为自己的网站使用SSL，那么您应该通过https提供javascript / js文件，否则Chrome会阻止它并导致使用该脚本的网站功能无效。

我注意到您正在使用http从谷歌cdn调用jquery。可能是造成这个问题。

为什么jQuery无法在google chrome扩展程序的浏览器操作弹出窗口中运行？

3 个答案: