Question

我有一个打开菜单的按钮。当用户选择按钮时，菜单打开，按钮被“按下”，即蓝色当用户从菜单中进行选择时，菜单关闭并且按钮未被按下。如果用户选择了按钮，然后选择了一个项目，而不是选择他们在按钮外部点击的项目，则菜单关闭，再次按下按钮。

我的问题是：当我使用按钮打开菜单时，我应该可以重新点击按钮并关闭它。除非我再次点击它再打开它。我想我需要在新闻发布会上添加一些内容，但不确定是什么。我尝试将event.stopPropogation()添加到媒体中，但它没有返回一个功能。

    $(document).click(function() {
        this._button.setPressed(false);
    }.bind(this));

    this._button = new ToggleButton({
        press: function(event) {
            if (this._button.getPressed()) {
                menu.open(
                    false,
                    this.getFocusDomRef(),
                    this.getDomRef()
                );
            } else {
                menu.close();
            }
        }.bind(this)
    }).addStyleClass("oButton");

Answer 1

我建议一个解决方案。你会看到它对你有好处。按下按钮后，您可以创建图层元素。然后，菜单的z-index最高，然后图层元素高于背景。

您可以向图层添加点击事件。如果单击图层，请关闭菜单。

当用户点击任何地方时，jQuery隐藏菜单

1 个答案: