Простой jQuery внутри тега <script> во всплывающем окне с расширением Chrome не выполняется
Это мой 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 файл вызываетсяbrowser_action отmanifest.json файл с расширением Google Chrome. Итак, он открывает всплывающее окно следующим образом:
Также стоит упомянуть, что приведенное выше изображение является лишь примером изображения, предоставленного Google. Это не мое изображение. У моего div нет границ, и jQuery не меняет этого.
manifest.json
....
"browser_action": {
"default_popup": "popupindex.html",
}
....
Я не вижу, как это всплывающее окно повлияет на.js функциональность файла, но я уверен, что это как-то связано с этим.
Добавлено из комментария на ответ ОП:
Добавление границы вокруг всех этих div-ов было просто моим способом проверить, работает ли jQuery. Мне понадобится jQuery для множества других вещей в будущем. Это даже не работает с этой простой вещью.