0

我目前正在使用我的一个网站的漂亮 Filtrify 脚本与同位素集成 (http://luis-almeida.github.com/filtrify/)。

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

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

4

1 回答 1

3

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

该方法的第一个近似值可以是：

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) );
    //...
};
于 2013-01-09T11:42:05.007 回答