Javascript Firefox扩展，从面板小部件重定向URL

我有一个Firefox插件。我用HTML和CSS创建了一个漂亮的面板小部件。现在，我只需要让我的脚本从面板小部件工作。我尝试将当前选项卡重定向到按钮值中指定的新url，如下所示：

<button class="myBtnClass AllBtnStyles" value="www.example.com/info">Info</button>  

但在单击按钮时，当前选项卡将重定向到

resource://jid0-ulah35kcypxsda4kbau4uierkjw-at-jetpack/add-on-name/data/www.example.com/info

---

您无法更改面板内容脚本中的选项卡，您需要将地址传递给加载项脚本

因此，在您的面板脚本中：

$(".myBtnClass").click(function () {
    self.port.emit("changeTab", $(this).attr("value"));
});

在加载项脚本中，您需要侦听端口事件：（假设您的面板名为

panel

）

请参阅位于的

端口的文档

$(".myBtnClass").click(function () {
    self.port.emit("changeTab", $(this).attr("value"));
});

panel.port.on("changeTab", function(url) {
    var tabs = require("tabs");
    tabs.open(url); // open the url in a new tab
});