将CSS属性添加到jQuery
问题描述:
我需要在此脚本中设置一个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();
});
});
答
$('#container').css('overflow','hidden');
你试试这个?
我试过了,但不知道往哪里放,在脚本?我只希望它在显示#signincontainer时发生,但在隐藏#signincontainer时将其删除。 – 2011-04-03 20:01:16
因此,只需将它添加到显示或隐藏它的行之后。 – Damb 2011-04-03 20:02:00
为了更容易的扩展性和操作..我会把溢出风格放入一个css类,然后在jQuery中使用.addClass()而不是.css()。因此,在显示容器后,您将调用addClass(),然后在隐藏它时调用.removeClass()。 – Damb 2011-04-03 20:06:51