어떤 이유로 Firefox에서 애니메이션 방법이 작동하지 않습니다. show()와 같은 기본 함수조차 작동하지 않습니다. 그들은 IE 8에서 완벽하게 정상적으로 작동하는 것 같습니다. 다른 사람이이 문제를 접하게 되었습니까? 아니면 왜 이런 일이 발생했는지 설명 할 수 있습니까?jQuery 애니메이션이 Firefox에서 작동하지 않습니다.
편집 : 예제 코드 - jQuery를이 다음을 표시 할 수 있도록 .form_error 세트의
$(document).ready(function() {
$(".form_error").show();
});
CSS를 없음으로 표시됩니다.
IF 문에서 이것을 랩핑하고 콘솔 로그를 Firebug에 기록하는 방법을 시도해 보았습니다.
$(document).ready(function() {
if($(".form_error").show()) {
console.log('Complete')
}
});
이렇게하면 방화 광 로그에 로그 메시지가 표시됩니다. 나는 파이어 폭스 예를 들어, CSS() 등) (찾을에서 잘 작동 다른 jQuery를 방법이
편집 :
여기(오류 필드) 테이블에 대한 HTML
<table class="login">
<thead>
</thead>
<tfoot>
<tr><td><input type="submit" value="Sign In" /></td></tr>
<tr><td class="auth_small_problems"><a href="forget">Forgotten details?</a></td></tr>
</tfoot>
<tbody>
<tr><th scope="col"><label for="username">Username</label><br /><div class="form_error">This field is required.</div></th></tr>
<tr><td><input type="text" id="username" name="username" value=""/></td></tr>
<tr><th scope="col"><label for="password">Password</label><br /><div class="form_error">This field is required.</div></th></tr>
<tr><td><input type="password" id="password" name="password" /></td></tr>
</tbody>
</table>
여기입니다 관련 CSS :
.form_error {
-moz-box-shadow: 4px 4px 4px #3c3c3c;
-webkit-box-shadow: 4px 4px 4px #3c3c3c;
-opera-box-shadow: 4px 4px 4px #3c3c3c;
box-shadow: 4px 4px 4px #3c3c3c;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius:12px 12px 12px 12px;
-opera-border-radius:12px 12px 12px 12px;
border-radius:12px 12px 12px 12px;
background:none repeat scroll 0 0 #c21312;
color:#f7f7f7;
font-style:italic;
font-weight:bold;
left:300%;
opacity: 0.8;
padding:12px;
position:relative;
text-align:center;
text-shadow:none;
top:0px;
width: auto;
display: none;
}
th, td
{
border-width:5px;
padding:10px 15px;
text-align:left;
text-shadow:1px 1px 1px #234C76;
}
#auth table.login {
margin:18px auto;
width:336px;
}
#auth table {
-moz-border-radius:10px 10px 10px 10px;
background:none repeat scroll 0 0 #69C212;
border:2px solid #234C76;
margin-top:18px;
width:960px;
}
table {
border-collapse:separate;
border-spacing:4px;
font-size:1.8em;
margin:0 auto;
padding:18px 5px 5px;
}
나는 이것이 누군가 무슨 일이 일어나는지 알아내는 데 도움이되기를 바랍니다 !!
UPDATE : 지금 작동하는 것 같군
- 가끔! 나는 그것이 다른 어떤 곳에서가 아니라 때때로 작동하는 것처럼 보이는 이유를 정확히 지적 할 수 없다. 개발자 도구 모음에서 캐시를 사용 중지했으며 ctl-f5를 사용하여 새로 고치기 때문에 캐싱과 관련이 없다고 생각합니다.
작동하지 않는 샘플 코드를 게시 할 수 있습니까? –
정확하게 작동하지 않는 것에 대한 자세한 내용을 제공해야합니다. http://api.jquery.com/animate/에있는 예제는 파이어 폭스에서 완벽하게 작동합니다. – draganstankovic
원래 게시물로 수정을 참조하십시오. – musoNic80