从上下文菜单打开 JQuery/Bootstrap 对话框
Open JQuery/Bootstrap dialog from context-menu
我有一个谷歌浏览器扩展程序,它从上下文菜单项点击打开一个Twitter引导对话框(使用JQuery 1.7.x,但不是JQueryUI),我一直在尝试在Firefox版本中做同样的事情(使用附加SDK 1.6),但无济于事。
我可以截获菜单项单击确定在我的lib/main.js
,使用 context-menu
,但我无法向内容脚本(请参阅 https://stackoverflow.com/a/8493844/954442)发送消息,该脚本包含创建对话框 DOM 并显示它的函数。我也无法从我的附加脚本创建对话框,因为那里没有 DOM(并且尝试通过 @mozilla.org/moz/jssubscript-loader;1
将 JQuery 加载到其中失败并显示"窗口未定义")
我已经广泛寻找示例,但没有找到太多有用的东西。有没有人有context-menu
项目单击打开对话框的示例?
(使用附加SDK开发我的Firefox扩展的优点/缺点是什么?是我发现的最接近我的问题。我的印象是海报最终找到了答案,但没有更新问题来说明它是什么。
(注。我不准备考虑XUL,也非常不愿意回到JQueryUI)
,所以我相信你想做这样的事情:
https://builder.addons.mozilla.org/addon/1049738/latest/
基本上,您将contentScriptFile
属性添加到上下文菜单的Item
中。内容脚本不与页面共享 js 变量,但可以访问 DOM。因此,您可以添加面板并在单击上下文菜单项时显示它。
请注意,您可以使用 Array 传递给contentScriptFile
多个文件,因此您也可以通过这种方式加载 jQuery。
希望对您有所帮助。
- 着色引导框对话框
- 文本框不是从Javascript/Asp.net中的对话框中打印出来的
- Bootstrap在页面加载缓慢时会立即显示隐藏的模式对话框
- JQuery对话框中的Bootstrap Pills
- Twitter Bootstrap:如何关闭模式对话框
- 从上下文菜单打开 JQuery/Bootstrap 对话框
- 使用bootstrap ui对话框对Angular js进行单元测试
- 如何修复Bootstrap 3 Modal+CKEditor 4.4空对话框
- Twitter Bootstrap 2模式表单对话框
- Bootstrap-modal不显示对话框
- 我可以延迟显示一个模态对话框在Bootstrap 3
- 在bootstrap或其他jquery对话框中显示各种信息的最佳方式
- 模态对话框验证ASP.NET/bootstrap
- jQuery延迟与jQueryUI/Bootstrap对话框
- 可能在Bootstrap对话框js插件显示页面的一部分
- angular-ui/bootstrap:测试使用对话框的控制器
- Twitter Bootstrap 3模式对话框不显示
- 如何在angularjs/bootstrap中预填充对话框
- Angular routing & Bootstrap - 在不更改页面内容的情况下显示模式对话框
- 在AngularJS/bootstrap中传递对象给模态对话框