jquery 콜백 문제

내부 div가 사라진 후에 'content'div를 애니메이션화해야합니다. 그래도 콜백을 추가하기 전에 fadeOut 애니메이션이 작동했습니다. 누군가 콜백 함수를 엉망으로 만들었다 고 말할 수 있습니까?jquery 콜백 문제

<script type = 'text/javascript'> 
$(document).ready(function() { 
    $('#content').click(function() { 
     $('#topcontent,#bottomcontent').fadeOut(400, function() { 
      $('#content').css({ 
       position:'relative', 
       background-color:'black' 
      }).animate({ 
       height:$(window).height(), 
       width:$(this).width() 
      },400); 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 
    <div id = 'wrapper'> 
     <div id = 'content'> 
      <div id = 'topcontent'> 
      TOP<br /> 
      </div> 
      <div id = 'bottomcontent'> 
      BOTTOM 
      </div> 
     </div> 
    </div> 
</body>

출처

2011-12-05 dopatraman

귀하의 문제는() background-color:'black'이 background: 'black'

일이나해야 ... 호출 .CSS에있는 코멘트 "배경 색"에서 지적한대로 '블랙'

출처

2011-12-05 20:13:15 kasdega

http://jsfiddle.net/3MCbe/ – biziclop

또는' "배경 색" "블랙"'-이 원인이 인용되지 않은 키에서 하이픈입니다 구문 에러 – nrabinowitz

'background'뿐만 아니라'backgroundColor'가 있어야합니다. 왜냐하면 그 질문에 사용 된 속성이기 때문입니다. –

$('#content').css({ 
    position:'relative', 
    'background-color':'black' 
})

- 문자는 JS에서 뺄셈을위한 연산자입니다. 여기서는 유효하지 않습니다 (숫자를 빼는 경우에도 마찬가지입니다). 속성을 따옴표로 묶는 것은이 문제를 해결합니다.

출처

2011-12-05 20:15:03

또는 3 글자를 저장하기위한'backgroundColor' :) –

사실, JS에 대한 대소 문자 설명과 CSS에 대한 설명이 답의 범위를 벗어난 것 같습니다. –

이렇게하십시오.

backgroundColor:'black';

이나 다윗과 같은

는

을 제안

'background-color':'black'

출처

2011-12-05 20:16:36

jquery 콜백 문제

답변

관련 문제