Question

有可能吗？我想创建一个ActionButton来显示或隐藏（依赖于它状态）工具栏。有人知道怎么样？一些功能？

var mainButton = ActionButton({
id: "temp",
label: "temp",
icon: {
    "16": "./icons/bug.png",
    "32": "./icons/bug.png",
    "64": "./icons/bug.png"
},
onChange: enableToolbar})

var mainToolbar = ui.Toolbar({
title: "main",
hidden: true,
items: []})

Answer 1

你应该看看CustomizableUI.jsm：你可以使用set toolbar visibility知道其身份的功能。

要导入它jut do：

<div class="image">
<img id="img-1" src="https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif" />
<img id="img-2" src="https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif" />
<img id="img-5" src="https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif" />
<img id="img-15" src="https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif" />
<img id="img-25" src="https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif" />
<img id="img-35" src="https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif" />
<img id="img-50" src="https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif" />
</div>

 $(".image img").each(function() {
        var $this = $(this),
            getClass = $this.attr('img')
        splitClass = $this.prop('id').split("-")
        if (splitClass[1] <= 20) {
            $this.attr("src", "http://lorempicsum.com/futurama/350/200/1");
            this.nextElementSibling.remove();

        } else if (splitClass[1] >= 21) {
            $this.attr("src", "http://www.top13.net/wp-content/uploads/2014/11/4-small-flowers.jpg");
            this.nextElementSibling.remove();

        } else {
            $this.attr("src", "https://cdn0.vox-cdn.com/images/verge/default-avatar.v9899025.gif");
        }
    });

显示/隐藏工具栏的ActionButton？ Firefox SDK for addon

1 个答案: