0

ユーザーインターフェイスを構築しています。ユーザーがタブをクリックすると、(クラス「max」を検索して) 開いている他のタブをチェックする関数が起動され、そのタブが最小化され、クリックされたタブが最大化され、クラス「max」が適用されます。ドキュメントの他の場所をクリックすると、タブが最小化されるように機能させたいと考えています。何か案は？

    function resize_tab(t) {
        tab = $(t).parent()
        console.log(tab);
        var size = 0 - parseFloat($(".max").css("height")) + 30;
        function resize(what,size){
            $(what).animate({"marginTop" : size},500,function(){}).toggleClass("max")
            }
        if ($(tab).hasClass("max")){    //if what you clicked is maxed...
            resize(tab,size);           //minimize it
            }else{                      //Or else, minimize whatever is maxed...
                resize($(".max"),size); //minimize whatever is maxed
                resize(tab,-1);     //and maximize what you clicked.
        }
    }           

    $(".tab").click(function(){resize_tab(this)})
4

1 に答える 1

0

BODY タグにクリック イベントを配置できます。誰かが本文をクリックすると、コードが実行されます。

$("body").click(function(){
  $(".tab").removeClass("max");
  //other resizing code as needed
})
于 2010-07-27T15:58:13.800 に答える