JQuery слайд-эффект не работает? - PullRequest
Новая
       2

JQuery слайд-эффект не работает?

2 голосов
/ 27 августа 2011

У меня есть форма, которая при отправке будет проверена первой, и если форма недействительна, она снова сможет вернуться на страницу формы и показать ошибки.

Это div, содержащий ошибку: 

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

Кстати, я использую CodeIgniter.

Я хотел, чтобы форма SlideDown, когда пользователь будет перемещен обратно на страницу формы, поэтому я получил скрипт: 

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

Моя проблема в том, что я не могу понять, как скользить по форме, даже если у меня уже есть сценарий выше. Это будет просто нормально показывать без анимации. Я что-то пропустил?

Пожалуйста, помогите мне. Заранее спасибо.

Ответы [ 3 ]

2 голосов
/ 27 августа 2011

$(sel).slideDown() будет работать, только если div еще не виден

В другом ответе предлагается использовать style="display:none;", однако это навязчиво и сообщения об ошибках не будут видны браузерами с отключенной js.

Я бы использовал: 

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

посмотрите, как это работает здесь на jsFiddle

0 голосов
/ 27 августа 2011

Убедитесь, что вы поместили скрипт внизу страницы, например, перед закрывающим тегом </body>.Это не сработает, если оно в вашем <head>.

0 голосов
/ 27 августа 2011

Попробуйте:

установите для 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");
});

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...