필자가 작성한 Firefox 확장 프로그램에서 jquery fades와 opacity css 요소가 나에게 응답하는 데 어려움을 겪고 있습니다. FireFox 3.6을 사용하고 있습니다. 나는이 두 가지 문제가 관련 있다고 확신한다.불투명도 및 jQuery fadeIn/fadeOut (firefox 확장자)
이 코드는 퇴색하지 않는, 그것은 단순히 사초 대기 후에 화면 떨어져 보여주고있다 :)
css_notify_div = {
position: 'fixed',
top: '2%',
right: '2%',
font: 'bold',
'font-size': '1.5em',
'font-family': 'sans-serif',
'text-align': 'center',
'background-color': 'ffff88',
'border': '2px solid #eeee00',
'padding': '5px',
margin: 'auto',
display: 'none'
};
doc = window.content.document;
$('#br_notify_div', doc).css(css_notify_div);
$('#br_notify_div', doc).fadeIn("slow", function() {
$('#br_notify_div', doc).fadeOut(4000);
});
fadeTo (또한 내가 그것을 실행할 때마다 실패하고 난 {(CSS를 사용하는 경우 opacity : '. 2'}) 아무 것도 발생하지 않습니다.
편집 : 이것은 firefox 확장 환경에만 해당됩니다. 다른 애니메이션은 잘 작동하고,보기 ('느린')는 잘 보입니다. 이것은 opacity 속성 자체를 사용하는 것과 관련이있는 것으로 보입니다. jQuery 문제가 아닌 것 같습니다.
Chrome에서도 잘 실행됩니다. –
문서를 가져 가야하는 것과 관련이있는 것 같습니다. firefox extension에 있기 때문에 window.content.document를 참조해야합니다. Windows에서 – Wheeyls
FF 3.6.6도 좋습니다. –