小编Whi*_*ims的帖子
Chrome扩展程序弹出窗口中<script>标记内的简单jQuery未执行
这是我的HTML:
<!doctype html>
<html>
<head>
<title>PassVault</title>
<link rel="stylesheet" type="text/css" href="stil.css">
<meta charset="utf-8">
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
<script type="text/javascript">
$(document).ready(function () {
$("div").css("border", "3px solid red");
});
</script>
</head>
<body>
<div id="rainbow"> </div>
<div id="loginBox">
<div id="welcome"> Dobrodošli, uporabnik! </div><br>
</div>
</body>
</html>
文档加载后,它应该在我的所有div周围放置一个红色边框(HTML文件中有很多),但事实并非如此.我不明白这里有什么问题.jQuery都在同一个文件中,jQuery托管的链接由Google提供,也可以使用.
值得一提的是.html文件是由Google Chrome扩展程序browser_action的manifest.json文件调用的.所以,它以这种方式打开弹出窗口:
还值得一提的是,上面的图片只是Google提供的示例图片.这不是我的形象.我的div没有边框,jQuery没有改变它.
的manifest.json
....
"browser_action": {
"default_popup": "popupindex.html",
}
....
我不知道这个弹出窗口会如何影响.js文件功能,但我确定它与此有关.
OP对答案的评论中
添加:在所有这些div之间添加边框只是我测试jQuery是否有效的方法.我将来需要jQuery来完成其他很多事情.它甚至不适用于这个简单的事情.
html javascript jquery google-chrome-extension content-security-policy
1
推荐指数
推荐指数
1
解决办法
解决办法
2080
查看次数
查看次数