从上下文菜单中打开JQuery / Bootstrap对话框

时间:2012-04-21 17:00:04

标签: javascript jquery firefox-addon twitter-bootstrap firefox-addon-sdk

我有一个Google Chrome扩展程序,可以从上下文菜单项单击中打开一个Twitter Bootstrap对话框(使用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项目点击打开对话框的示例?

What are the advantages/disadvantages of using the Add-on SDK to develop my Firefox extension?是我发现的最接近我的问题。我得到了海报最终找到答案的印象,但没有更新问题说出它是什么。)

(注意:我不准备考虑XUL,并且非常不愿意回到JQueryUI)

1 个答案:

答案 0 :(得分:0)

好的,所以我相信你想做那样的事情:

https://builder.addons.mozilla.org/addon/1049738/latest/

基本上,您在上下文菜单的contentScriptFile中添加了Item属性。内容脚本不与页面共享js变量,但可以访问DOM。因此,您可以添加面板并在单击上下文菜单项时显示它。

请注意,您可以使用Array传递给contentScriptFile多个文件,因此您也可以通过这种方式加载jQuery。

希望它有所帮助。