Question

我有一个表单，在提交时会首先验证，如果表单无效，它会再次返回表单页面并显示错误。

这是包含错误的div：

<div id="error"><?php echo validation_errors('<p class="error">'); ?></div>

我顺便使用CodeIgniter。

当用户被导航回表单页面时，我希望表单能够下载，因此我得到了一个脚本：

$(document).ready(function() {    
    $('#error').slideDown('slow');
});

我的问题是，即使我已经有上面的脚本，我也无法弄清楚如何向下滑动表单。它将正常显示没有任何动画。我错过了什么吗？

请帮帮我。提前谢谢。

Answer 1

$(sel).slideDown()仅在div尚未显示时才有效

另一个答案建议您使用style="display:none;"但是，这是突兀的，并且js禁用的浏览器不会看到错误消息。

我会用：

$(function(){
  $("#error").hide().slideDown();
});

see it working here on jsFiddle

Answer 2

试试这个：

将div设为隐藏

<div id="error" style="display:none"><?php echo validation_errors('<p class="error">'); ?></div>


$(document).ready(function() {    
    $('#error').slideDown('slow');
    $('#error').css("visibility", "visible");
});

希望这有帮助。

Answer 3

确保将您拥有的脚本放在页面底部，例如在结束</body>标记之前。如果它位于<head>。

，它将无效

JQuery slidingown效果不起作用？

3 个答案: