2011-04-03 224 views
7

我需要在此腳本中設置一個CSS屬性以與動畫一起進行,但我似乎無法做到這一點。將CSS屬性添加到jQuery

我需要ID爲「container」的div在點擊功能激活時設置CSS屬性。我需要一個overflow: hidden設置爲#container

這是我的腳本。

$(function() { 
    $(".folderContent").hide(); 

    $(".signin").click(function(event) { 
     var folderContent = $(".folderContent"); 


     var folderContentShown = folderContent.css("display") != "none"; 

     var clickedFolder = $(this); 
     clickedFolder.parent("#signincontainer").after(folderContent); 

     $("body").find("#container").not(clickedFolder).each(function() { 
      if (!folderContentShown) $(this).not("#signincontainer").animate({ 
       opacity: 0.50 
      }, "slow"); 
      else $(this).animate({ 
       opacity: 1.00 
      }, "slow"); 
     }); 

     //clickedFolder.animate({opacity: folderContentShown ? 1.00 : 0.70}, "fast"); 
     folderContent.slideToggle(); 
     event.preventDefault(); 
    }); 
}); 

回答

21
$('#container').css('overflow','hidden'); 

你試試這個?

+0

我試過了,但不知道往哪裏放,在腳本?我只希望它在顯示#signincontainer時發生,但在隱藏#signincontainer時將其刪除。 – 2011-04-03 20:01:16

+0

因此,只需將它添加到顯示或隱藏它的行之後。 – Damb 2011-04-03 20:02:00

+1

爲了更容易的擴展性和操作..我會把溢出風格放入一個css類,然後在jQuery中使用.addClass()而不是.css()。因此,在顯示容器後,您將調用addClass(),然後在隱藏它時調用.removeClass()。 – Damb 2011-04-03 20:06:51

0

它使用簡單:

$("p").css("color", "red"); 

您可以點擊此鏈接:DEMO