我真的是 chrome 扩展开发的新手,并尝试在其中使用 jquery 和 bootstrap。我一直有这样的错误
ReferenceError: $ 未定义
Bootstrap 的 JavaScript 需要 jQuery。jQuery 必须包含在 Bootstrap 的 JavaScript 之前。
谁能帮我解决这个问题?我已经将 Jquery 放在引导程序之前,如果我在浏览器中运行它就没有看到这个问题..不知道出了什么问题?
清单 Json
{
"name": "Stocking",
"version": "1.0.0",
"description": "Chrome extention to keep tracks of stocks' real time movement",
"manifest_version": 2,
"icons":{"128":"icon/icon128.png"},
"permissions": [
"tabs",
"<all_urls>"],
"browser_action":{
"default_icon":{
"16":"icon/icon16.png",
"24":"icon/icon24.png",
"32": "icon/icon32.png"},
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": [
"<all_urls>"
],
"js": [
"bootstrap-4.4.1-dist/js/jquery-3.3.1.slim.min.js",
"bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js",
"content.js"],
"css":[
"bootstrap-4.4.1-dist/css/bootstrap.min.css"
]
}
],
"background":{
"scripts": [
"bootstrap-4.4.1-dist/js/jquery-3.3.1.slim.min.js",
"bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js",
"background.js"],
"persistent": false
}
弹出窗口,html
<body>
<!-- Stocks -->
<div class="btn-group dropleft">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
繁华开满天机
相关分类