个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我的问题如下:我能够将监听器附加到 chrome 扩展中的 browser_action 单选按钮，如果我希望它这样做，它可以弹出一个警报窗口，但是
我的目的是隐藏()/显示()页面上的一个按钮，该按钮是我用相同的扩展名插入到 DOM 中的。
我的问题是我错过了什么？我怎样才能让它发挥作用？
您可以在下面找到我正在使用的所有代码片段。
manifest.json
{"manifest_version": 2,
"name": "Button Summoner",
"description": "This extension shows a pop-up window where you can summon a button",
"version": "0.1",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": ["https://*/*"],
"js": ["jquery_min.js","summoner.js"]
}]}
summoner.js
jQuery(document).ready(function(){
var button = $('<button id="cc_lookUp_button >Button</button>');
button.hide();
$(button).insertAfter("body");
});
popup.html
<!doctype html>
<html>
<head>
<script src="jquery_min.js"></script>
<script src="popup.js"></script>
</head>
<body>
Enable/Disable Extension<br/>
<input type="radio" id="radioEnable" name="enable" value="enable">Enable</br>
<input type="radio" id="radioDisable" name="enable" value="disable">Disable</br></br>
popup.js
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('#radioEnable').addEventListener('change', changeHandler);
});
function changeHandler(){
if(radioEnable.checked){
alert("BYOB"); //this works like a charm
$('#cc_lookUp_button').show(); //this is not
}
else{
$('#cc_lookUp_button').hide(); // neither this
}
}
没有错误消息，它只是不起作用。
最佳答案
我能够解决该问题，因此我认为与社区分享它很有用。
如果更适合您，您可以使用不同的解决方案，对我来说，将可执行代码分离到不同的文件中似乎是一个有组织的解决方案。
另一种方法是编写“代码:'你的代码在这里'”部分，而不是在 popup.js 中包含另一个 .js 文件。
manifest.json
{"manifest_version": 2,
"name": "Button Summoner",
"description": "This extension shows a pop-up window where you can summon a button",
"version": "0.1",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": ["https://*/*"],
"js": ["jquery_min.js","button_show.js","button_hide.js","crafty_postcode.class.js","cc_lookup_summoner.js"]
}]}
popup.js
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('#radioEnable').addEventListener('change', changeHandler);
});
function changeHandler(){
if(radioEnable.checked){
chrome.tabs.executeScript({
file : 'button_show.js'
});
}
else{
chrome.tabs.executeScript({
file : 'button_hide.js'
});
}
button_hide.js
$('#cc_lookUp_button').hide();
button_show.js
$('#cc_lookUp_button').show();
关于javascript - 浏览器操作单选按钮单击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33873385/
25
4
0
我正在努力做到这一点 在我的操作中从数据库获取对象列表(确定) 在 JSP 上打印(确定) 此列表作为 JSP 中的可编辑表出现。我想修改然后将其提交回同一操作以将其保存在我的数据库中(失败。当我使用
我有以下形式的 Linq to Entities 查询: var x = from a in SomeData where ... some conditions ... select
我有以下查询。 var query = Repository.Query() .Where(p => !p.IsDeleted && p.Article.ArticleSections.Cou
我正在编写一个应用程序包，其中包含一个主类，其中主方法与GUI类分开，GUI类包含一个带有jtabbedpane的jframe，它有两个选项卡，第一个选项卡包含一个jtable，称为jtable1，第
以下代码产生错误 The nested query is not supported. Operation1='Case' Operation2='Collect' 问题是我做错了什么？我该如何解决？
我已经为 HA redis 集群(2 个副本、1 个主节点、3 个哨兵)设置了本地 docker 环境。只有哨兵暴露端口(10021、10022、10023)。 我使用的是 stackexchange
我正在 Desk.com 中构建一个“集成 URL”，它使用 Shopify Liquid 模板过滤器语法。对于开始日期为 7 天前而结束日期为现在的查询，此 URL 需要包含“开始日期”和“结束日期
你一定想过。然而情况却不理想，python中只能使用类似于 i++/i--等操作。 python中的自增操作 下面代码几乎是所有程序员在python中进行自增(减)操作的常用
我需要在每个使用 github 操作的手动构建中显示分支。例如:https://gyazo.com/2131bf83b0df1e2157480e5be842d4fb 我应该显示分支而不是一个。 最佳答
我有一个关于 Perl qr 运算符的问题: #!/usr/bin/perl -w &mysplit("a:b:c", /:/); sub mysplit { my($str, $patt
我已经使用 ArgoUML 创建了一个 ERD(实体关系图)，我希望在一个类中创建两个操作，它们都具有 void 返回类型。但是，我只能创建一个返回 void 类型的操作。 例如: 我能够将 book
Github 操作仍处于测试阶段并且很新，但我希望有人可以提供帮助。我认为可以在主分支和拉取请求上运行 github 操作，如下所示: on: pull_request push: b
我正在尝试创建一个 Twilio 工作流来调用电话并记录用户所说的内容。为此，我正在使用 Record，但我不确定要在 action 参数中放置什么。 尽管我知道 Twilio 会发送有关调用该 UR
我不确定这是否可行，但值得一试。我正在使用模板缓冲区来减少使用此算法的延迟渲染器中光体积的过度绘制(当相机位于体积之外时): 使用廉价的着色器，将深度测试设置为 LEQUAL 绘制背面，将它们标记在模
有没有聪明的方法来复制 和 重命名 文件通过 GitHub 操作？ 我想将一些自述文件复制到 /docs文件夹(:= 同一个 repo，不是远程的!)，它们将根据它们的 frontmatter 重命名
我有一个 .csv 文件，其中第一列包含用户名。它们采用 FirstName LastName 的形式。我想获取 FirstName 并将 LastName 的第一个字符添加到它上面，然后删除空格。然
Sitecore 根据 Sitecore 树中定义的项目名称生成 URL， http://samplewebsite/Pages/Sample Page 但我们的客户有兴趣降低所有 URL(页面/示例
我正在尝试进行一些计算，但是一旦我输入金额，它就会完成。我只是希望通过单击按钮而不是自动发生这种情况。 到目前为止我做了什么: Angular JS - programming-fr
我的公司创建了一种在环境之间移动文件的复杂方法，现在我们希望将某些构建的 JS 文件(已转换和缩小)从一个 github 存储库移动到另一个。使用 github 操作可以实现这一点吗？ 最佳答案 最简
在我的代码中，我创建了一个 JSONArray 对象。并向 JSONArray 对象添加了两个 JSONObject。我使用的是 json-simple-1.1.jar。我的代码是 package j
我是一名优秀的程序员,十分优秀！