javascript 锚点面板 +小部件、firefox 插件

Question

我是一个开发 Firefox 插件的菜鸟。我已经能够成功地将面板（直到它损坏）锚定到我的小部件上。锚面板充当某种菜单。我陷入困境的是：我希望能够调用另一个面板来显示我的锚面板的“菜单”项之一。我该怎么做呢？菜单面板和列表面板的脚本当前位于 main.js 中。

这是菜单面板的代码：

var menuList = panels.Panel({
  width: 102,
  height: 90,
  contentURL: data.url('list/menu-list.html'),    
});

这是列表面板的代码：

 var historyList = panels.Panel({
   width: 600,
   height: 300,
   contentURL: data.url('list/history-list.html'),
   contentScriptFile: [data.url('jquery-1.7.1.js'),
                   data.url('list/history-list.js')],
   contentScriptWhen: 'ready',
   onShow: function() {
  this.postMessage(simpleStorage.storage.famhistory);
   },
   onMessage: function(message) {
      require('tabs').open(message);
   }
 });

在我的菜单 panel.html 中，我有一个链接：

<a href="javascript:showpanel('famlist')">show family list</a>

标题中的脚本：

function showpanel(option)  {
 this.historyList.show();
};

任何帮助将不胜感激！ 谢谢！

Answer 1

面板中的 JavaScript 代码没有执行任何操作的权限 - 它无法打开新面板，也无法与扩展程序通信。您需要将一个内容脚本注入到此面板中，该脚本将与扩展程序进行通信，如下所示：

var menuList = panels.Panel({
  width: 102,
  height: 90,
  contentURL: data.url('list/menu-list.html'),
  contentScriptFile: [data.url('jquery-1.7.1.js'),
                      data.url('list/menu-list.js')],
  onMessage: function(message) {
    if (message == "famlist")
      historyList.show();
  }
});

内容脚本 menu-list.js 需要监听链接点击并向必要时进行扩展，如下所示：

$(document).ready(function() {
  $("#famlistLink").click(function() {
    self.postMessage("famlist");
  });
});