javascript - 打开另一个 Filtrify 面板时如何关闭？

Question

我目前正在使用我的一个网站的精美 Filtrify 脚本，该脚本具有 Isotope 集成功能 (http://luis-almeida.github.com/filtrify/)。

在我的网站上，我有 4 个“类别”/面板用于搜索我的字段。当我打开第一个类别/面板并将鼠标悬停到下一个并打开它时，第一个仍然打开。是否可以使用 CSS 或 Javascript 在将鼠标悬停到下一个类别/按钮以打开另一个 Filtrify 面板时关闭打开的 Filtrify 面板？现在，如果我全部打开它们，它们就会保持打开状态。例如，在这里打开“类型”、“主要 Actor ”和“导演”:http://luis-almeida.github.com/filtrify/movies.html

非常感谢您的帮助!谢谢指教!

Answer 1

我不了解库的深度，但您可以尝试在打开另一个面板之前关闭一个面板的兄弟。

该方法的第一个近似值可能是:

Filtrify.prototype.closeSiblingsPanel = function ( f ) {
    for(var item in this._menu){
        if(item !== f && this._menu[item].panel){
            this._menu[item].panel.addClass("ft-hidden");
            this._menu[item].label.removeClass("ft-opened");
        }
    }
};

您还必须修改点击事件处理程序:

Filtrify.prototype.events = function ( f ) {
    //...
    this._menu[f].label.on("click", this._bind(function(event){
        this.openPanel( f );
        this.closeSiblingsPanel( f );
        this.bringToFront( f );
        event.stopPropagation();
    }, this) );
    //...
};