如何（当页面加载和条件满足时）滑动div

Question

以下是我的示例代码。我想加载loading.jsp。 div默认不会向下滑动。

当<%=msg%>不为空时。然后div会滑下来。

流程：loading.jsp -> servlet (detect error) -> loading.jsp (div slide down)

$("#errorLoading").load(function() {
        if(<%=msg%> != ""){
                $('#errorLoading').slideDown('slow');
        }
});
<div class="alert alert-error" id="errorLoading" name="errorLoading">
<%=msg%>
</div>

任何人都可以帮我解决这个问题。

Answer 1

您可以使用this to slide down/up div tags

Answer 2

请参阅you have to use $.trim function of jquery以检查您正在打印的if div is filled with the message。然后检查一下条件，然后滑动你想要的div。

注意：必须先隐藏div。

你可以找到：

  

<强> http://jsfiddle.net/wZ6Br/

you can check with putting some dummy text there.

 var divErr = $.trim($('.alert-error').text());


 if (divErr) {
     $('#errorLoading').slideDown('slow');
 }