jquery - jQuery动画无法在Firefox中使用

由于某些原因，动画方法无法在Firefox中使用。甚至show（）之类的基本功能也不起作用。它们似乎在IE 8中完全正常。
有没有其他人遇到这个问题或可以解释为什么会这样？

编辑：示例代码-

$(document).ready(function() {
  $(".form_error").show();
});

.form_error的css设置显示为none，因此jQuery可以显示它。

我尝试将其包装在IF语句中，并在Firebug中记录控制台日志（如果可行）。

$(document).ready(function() {
  if($(".form_error").show()) {
    console.log('Complete')
  }
});

这会在Firebug中产生一条日志消息。
我还有其他jQuery方法可以在Firefox中正常工作，例如css（），find（）等。

编辑：

这是表格的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;
}

我希望这可以帮助某人弄清楚发生了什么！

更新：

现在它似乎正在工作-偶尔！我无法确定为什么它有时会起作用而在其他时候却无法起作用的任何原因。我认为这与缓存无关，因为我已经使用开发人员工具栏禁用了缓存，并且正在使用ctl-f5刷新。

最佳答案

通常，jQuery可在firefox中使用，firebug会告诉您什么脚本错误或只是缺少文件？